@charset "utf-8";

/* 나눔스퀘어 */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

* {box-sizing: border-box;}
body{position:relative;}
body, html {margin: 0; padding: 0; font-family: 'Noto Sans KR', sans-serif;}
h1, h2, h3, h4, h5, h6, span, a, b, strong, span, ul, li, div, p {margin: 0; padding: 0; letter-spacing: -0.5px;}
ul, li {list-style: none;}
a {text-decoration: none; color: #000;}
em{color:#ff0000; font-style:normal;}
.btn.btn-navi{width:38px; overflow:hidden; padding:.375rem 0; text-align:center;}
.btn.btn-xs{padding:2px 4px; font-size:0.75rem}
img.max-width-height-img{max-width:100%;max-height:100%;}
img.product-photo{cursor:pointer;}


.form-control.form-normal, .form-select.form-normal{line-height:1; font-size:13px; padding:2px;}

.form-control:disabled, .form-control[readonly] {background-color:#f1f8ff;}
.input-group-text {background-color: #f1f5fb;}
.form-check-input, .form-check-input {margin-top:0.3em;}
input.numberic{text-align:right; padding:0 2px 0 10px;}

.w2ui-reset table tr th, .w2ui-reset table tr td {font-family: 'Noto Sans KR', sans-serif; font-size:1rem;}

.no-margin{margin:0 !important;}
.no-padding{padding:0 !important;}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* Modal Form */
.modal-header{padding:5px; border-bottom:1px solid #e5e5e5; background-color:#474747;}
.modal-header h5{color:#fff;}
.modal-header button{padding:1px 6px;}

.modal-alert .modal-header{background-color:#d9534f;}

.searchWrap{padding:8px;background-color:#d6e4e1;border-bottom:1px solid #9aa8a5;}

/* Modal Form Input Error */
p.parsley-success{color:#468847;background-color:#DFF0D8;border:1px solid #D6E9C6;}
p.parsley-error{color:#B94A48;background-color:#F2DEDE;border:1px solid #EED3D7;}
ul.parsley-errors-list{list-style:none;color:#E74C3C;padding-left:0;}
input.parsley-error, textarea.parsley-error, select.parsley-error{background:#FAEDEC; border-color:#E85445;}

/* index.php */
	.popup_back{display:none; background-color:rgba(0,0,0,0.4); width:100%; height:100%; position:absolute; top:0; left:0;}
	.wrap{display:flex; background-color:#e8f1f6; min-width:1600px; min-height:100vh; position:relative;}
    .contents {position:relative; padding:0 0 0 80px;}

	.form-check-input:checked{background-color:#216655; border-color:#216655;}
	.form-check-input:focus{box-shadow:0 0 0 0.25rem rgb(0 89 76 / 25%)}

	/* 공통 버튼 */
	.button_common{padding:5px 20px; transition:all 0.3s; border-radius:5px; font-size:15px; font-weight:400;}
	.button_chk{background-color:#216655; color:#fff; border:1px solid #216655;}
	.button_chk:hover{background-color:#184d3f; border:1px solid #184d3f;}
	.button_close{background-color:#efefef; margin-right:15px; border:1px solid #adadad;}
	.button_close:hover{background-color:#d6d6d6; border:1px solid #d6d6d6;}

	/* 공통 섹션, 타이틀 */
	.wrap_common{border-radius:25px; background-color:#fff; padding:30px;}
	.wrap_common .title_common{background-color: #f1f1f1; border: 1px solid #ced4da; border-radius: 5px; padding: 5px 15px; font-size:20px; height:50px; display:flex; align-items:center; font-weight:500; margin-bottom:20px;}
	.wrap_common .title_common i{color:#216655; margin-right:5px;}

	/* 공통 새창 섹션, 타이틀 */
	.window_common{padding:15px; background-color:#f6f6f4; height:100vh;}
	.window_common .title_common{background-color:#fff; border:1px solid #aeaeae; padding:5px 15px; font-size:18px; margin-bottom:20px; line-height:46px;}
	.window_common .title_common i{color:#216655;}

	/* 공통 테이블 */
	.table_common{width:100%; border:1px solid #aeaeae; margin-bottom:20px;}
	.table_common th{background-color:#e9f5f1; color:#333; font-size:16px; font-weight:500; border:1px solid #aeaeae; text-align:center;}
	.table_common td{text-align:left; background-color:#fff; padding:5px; border:1px solid #aeaeae;}

/* login.php */
	.login_wrap{background-color:#e8f1f6; font-family: 'NanumSquare', sans-serif; height:100vh;}
		.login_box{width:820px; margin:0 auto; display:flex; flex-direction:column; justify-content:center; height:100%;}
		.login_box .login_logo{text-align:center; margin-bottom:50px;}
		.login_box .row{align-items:center;}
		.login_box .row .col:first-child{position:relative;}

		.login_box .page_right{background-color:#f1f5fb; border-radius:5px; padding:100px 60px 40px; box-shadow:3px 3px 10px 0px rgba(0,0,0,0.2);}
		.login_box .page_right img{display:block; margin-bottom:30px;}
		.login_box .page_right .page_text{font-size:22px; color:#444; line-height:26px; font-weight:400; margin-bottom:30px;}
		.login_box .page_right .register_btn{display:inline-block; margin-bottom:120px; font-size:20px; color:#555; line-height:1em; text-decoration:underline; font-weight:600;}
		.login_box .page_right .page_info{font-size:16px; color:#444; line-height:23px; font-weight:400; transform:skew(-0.05deg);}

		.login_box .page_left{background-color:#fff; border-radius:5px; padding:45px 25px 35px;}
		.login_box .page_left h2{font-size:28px; font-weight:900; line-height:1em; letter-spacing:0.75px; margin-bottom:25px; color:#555;}
		.login_box .page_left .blue_box{width:42px; height:5px; background-color:#198dca; margin-bottom:30px;}

		.login_box .page_left .form-check{margin-bottom:0;}
		.login_box .page_left .text_input{border:0; border-bottom:1px solid #555; width:100%; line-height:45px; transform:skew(-0.05deg); color:#333;}

		.login_box .page_left .text_input[type='password']{font-family:'Noto Sans KR';}
		.login_box .page_left .text_input[type='password']::placeholder {font-family: 'NanumSquare', sans-serif;}

		.login_box .page_left .bottom_list{display:flex; align-items:center; justify-content:space-between; width:100%;}
		.login_box .page_left .text_label{font-size:15px; color:#777; line-height:1em; transform:skew(-0.05deg);}
		.login_box .page_left .form_last{margin:0; text-align:right;}
		.login_box .page_left .form_btn{width:125px; line-height:34px; background-color:#fff; border:1px solid #198dca; border-radius:5px; padding:0; font-size:17px; color:#198dca; font-weight:bold; transition:all 0.2s;}
		.login_box .page_left .form_btn:hover{background-color:#198dca; color:#fff;}

		.login_info{display:flex; align-items:center; justify-content:space-between; width:100%; background-color:#f1f5fb; padding:15px; margin-top:100px;}
		.login_info .info{font-size:14px; color:#444; line-height:1em; transform:skew(-0.05deg);}
		.login_info .info_color{color:#198dca; position:relative;}
		.login_info .info_color.info_color1::after{content:""; display:block; position:absolute; top:50%; transform:translateY(-50%); right:-18px; width:1px; height:12px; background-color:#8b8c8d;}

/* register1.php */
	.register_wrap{background-color:#e8f1f6; height:100vh;}
		.register_box{width:1000px; margin:0 auto; display:flex; flex-direction:column; justify-content:center; height:100%;}
		.register_box .register_logo{text-align:center; margin-bottom:50px;}
		
		.register_box .register_agree{background-color:#fff; border:1px solid #e1e1e1; border-radius:15px; padding:35px 10px 35px 35px;}
			.agree_scroll{height:600px; overflow-y:scroll; padding-right:35px;}
			.agree_scroll::-webkit-scrollbar{width:5px; /*스크롤바의 너비*/}
			.agree_scroll::-webkit-scrollbar-thumb{background-color:#bdbdbd; border-radius:2.5px; /*스크롤바의 색상*/}
			.agree_scroll::-webkit-scrollbar-track{background-color:#f1f1f1;  border-radius:2.5px; /*스크롤바 트랙 색상*/}
			.agree_title{font-size:22px; font-weight:500; line-height:1em; margin-bottom:35px;}
			.agree_text{font-size:18px; font-weight:500; line-height:1em; margin:35px 0 10px;}
			
			.agree_ol{padding-left:18px;}
			.agree_ol > li{list-style:auto;}
			.agree_more{padding-left:23px;}

		.agree_checkbox{display:flex; justify-content:center; margin-top:15px;}
		.agree_checkbox > input{margin-right:5px;}

		.agree_btn{display:flex; justify-content:center; margin-top:20px;}
			.agree_btn > button{width:150px; height:45px; text-align:center; border-radius:10px; border:0; font-size:17px; font-weight:500; transition:all 0.3s;}
			.btn_cancel{margin-right:15px; background-color:#d6d6d6;}
			.btn_cancel:hover{background-color:#bfbfbf;}
			.btn_nextgo,
			.btn_register_finish{background-color:#198dca; color:#fff;}
			.btn_nextgo:hover,
			.btn_register_finish:hover{background-color:#1471a3;}

/* register2.php */
	.register_wrap2{height:100%; padding:100px 0;}
	.register_form{background-color:#fff; border:1px solid #e1e1e1; border-radius:15px; padding:35px;}

	.register_wrap2 .register_form h2{font-size:24px; line-height:1em; letter-spacing:0.75px; margin-top:50px; margin-bottom:15px; color:#555;}
	.register_wrap2 .register_form h2:first-child{margin-top:0;}
	.register_wrap2 .register_form .blue_box{width:42px; height:5px; background-color:#198dca; margin-bottom:30px;}

	.hd_label{font-size:18px; color:#000; line-height:22px; font-weight:500; width:140px;}
	.hd_label .essential_circle{display:block; width:5px; height:5px; border-radius:50%; margin-right:5px; background-color:#f0091a;}
	.hd_label .essential_circle_none{display:block; width:5px; height:5px; background-color:transparent; margin-right:5px;}

	.hd_input{width:270px; border-bottom:1px solid #c8c8c8; border-top:0; border-right:0; border-left:0; border-radius:0; line-height:2;}
	.hd_input_1{width:788px;}
	.hd_input_2{width:384px;}
	.hd_input_3{width:249px;}
	.hd_input_4{width:195px;}
	.register_form span.and{display:block; margin:0 10px;}
	.hd_input:focus{border-color:transparent; box-shadow:none; border-bottom:1px solid #222;}

	#adress_button{border:0; border-radius:5px; text-align:center; color:#fff; background-color:#198dca; width:75px; height:35px; font-size:14px; margin-left:10px;}

/* register_finish.php */
	.register_finish{background-color:#fff; border:1px solid #e1e1e1; border-radius:15px; padding:35px 10px 35px 35px; font-size:20px; color:#333; line-height:1em; font-weight:bold;}

/* nav.php */
	.nav_wrap{font-family: 'NanumSquare', sans-serif;}

			.nav_logo{display:flex; justify-content:center; align-items:center; width:270px; height:170px;}

			.nav_menu{width:270px; background-color:#198dca; border-radius:0 120px 0 0; padding:80px 0 0 25px; height:calc(100% - 170px);}
				.menu_profile{text-align:center; padding-right:25px;}
				.menu_profile img{margin-bottom:20px;}

				.profile_id{line-height:1em; font-size:16px; font-weight:500; color:#fff; transform:skew(-0.05deg); margin-bottom:20px;}
				.profile_id span{font-weight:900; border-bottom:1px solid #fff;}

				.profile_btn{display:flex; align-items:center; justify-content:space-between;}
				.profile_btn > #holy_btn,
				.profile_btn > a{display:block; background-color:#5fafd9; text-align:center; line-height:25px; padding:0 17px; box-shadow:2px 2px 2px rgba(0,0,0,0.2); border-radius:5px; cursor:pointer;}
				.profile_btn > #holy_btn span,
				.profile_btn > a span{font-size:12px; transform:skew(-0.05deg); font-weight:bold; color:#fff;}

				.menu_list{margin-top:45px;}

				.dep1_title{display:flex; align-items:center; justify-content:space-between; font-size:22px; color:#fff; line-height:55px; font-weight:bold; padding-left:20px; padding-right:25px; cursor:pointer;}
				.dep1_title.on{background-color:#e8f1f6; border-radius:27.5px 0 0 27.5px; color:#396f8b;}
				.dep1_title > i{font-size:15px;}
				.dep1_title .icon_title{font-size:22px; font-weight:bold;}
				.dep1_title .icon_title i{margin-right:10px;}

				.m_list_dep1{margin-bottom:20px;}
				.m_list_dep1 ul{padding-left:40px; margin-top:20px; display:none;}
				.m_list_dep1 ul li a{font-size:18px; color:#fff; line-height:30px; font-weight:500;}
				.m_list_dep1 ul li a span{font-size:18px;}
				.m_list_dep1 ul li a span:hover,
				.m_list_dep1 ul li a span:active{font-weight:bold; border-bottom:1px solid #fff;}
				.m_list_dep1 ul li a i{font-size:12px; margin-right:7px;}

				.badge_style{display:inline-block; width:16px; height:20px; text-align:center; border-radius:4px; font-size:14px; color:#fff; line-height:23px; font-weight:900; box-shadow:2px 2px 2px rgba(0,0,0,0.15); margin-left:7px; transform:skew(-0.05deg);}
					.new_badge{background:linear-gradient(to bottom, #7776ff, #ae2cf1);}
					.num_badge{background:linear-gradient(to bottom, #ed6e9f, #ec8b6b);}

/* nav_top.php */
    .nav_top{padding:0; font-family: 'NanumSquare', sans-serif; width:100%; padding-bottom:40px;}
        .nav_top .top_text{height:60px;}
        .nav_top .top_text .top_info{font-size:18px; color:#666; line-height:20px; margin-right:40px;}
        .nav_top .top_text .drop_menu{position:relative;}
		.nav_top .top_text .drop_menu .menu_btn{font-size:18px; color:#555; line-height:20px; cursor: pointer;}
        .nav_top .top_text .drop_menu .menu_btn > span{color:#396f8b; font-weight:900; border-bottom:1px solid #396f8b;}
        .nav_top .top_text .drop_menu .menu_btn > i{margin-left:5px; font-size:14px;}
		
        .nav_top .top_text .drop_menu .drop_menu_list{display:none; position:absolute; top:30px; right:0; background-color:#fff; box-shadow:2px 2px 5px rgb(0,0,0,0.2);}
        .nav_top .top_text .drop_menu .drop_menu_list a{display:block; width:130px; line-height:45px; padding-left:15px; border-bottom:1px solid #f2ecec;}
		.nav_top .top_text .drop_menu .drop_menu_list a:hover,
		.nav_top .top_text .drop_menu .drop_menu_list a:active{background-color:#f1f3f7; color:#555;}

        .nav_top .top_text .drop_menu .drop_menu_list a:last-child{border-bottom:0;}
        .nav_top .top_text .drop_menu .drop_menu_list a i{margin-right:10px;}
        .nav_top .top_text .drop_menu .drop_menu_list a .text{display:inline-block; font-size:16px; color:#555; transform:skew(-0.05deg);}


        .nav_top .nav_list{height:72px; background-color:#fff; padding:0 30px; border-radius:20px;}

        .nav_top .nav_list ul li{padding:0 33px;}
        .nav_top .nav_list ul li:first-child{padding:0 33px 0 0;}
        .nav_top .nav_list ul li:last-child{padding:0 0 0 33px;}
        .nav_top .nav_list ul li a{display:block; font-size:22px; color:#333; line-height:72px;}

        .nav_top .nav_list .tel_text{font-size:22px; color:#999; font-weight:900; line-height:1em;}
        .nav_top .nav_list .tel_border{position:relative; margin-right:50px;}
        .nav_top .nav_list .tel_border::after{content:""; display:block; position:absolute; top:50%; right:-25px; transform:translateY(-50%); width:1px; height:17px; background-color:#dbdbdb;}

/* headquarters.php */
    .content_list {width: 20%;}
    .content_table {width: 80%;}
    .content_wrap {padding:20px 0; height: calc(100% - 172px); /*overflow-y: scroll;*/}

    .check_important {border: 1px solid #ca2a19; background-color: #fff; border-radius: 5px; width: fit-content; padding:10px 20px; margin-bottom: 15px;}
    .check_important > p {color: #ca2a19; font-size: 18px;}

    table.order{width:100%; margin-bottom: 15px;}
	table.order th, table.order td{padding:5px; border:1px solid #adadad;}
	table.order th{font-weight:normal; text-align:left; padding-left:12px; background-color: #f1f5fb;}
	table.order td{background-color:#fff;}
	table.order td.blank-td{width:14px; background-color:transparent;border:none;}

	table.order td .form-control, table.order td .form-select{padding:0 2px;}
	table.order td .input-group-text{padding:0 5px;}
	table.order td .mb-3{margin-bottom:0 !important;}
	table.order td .btn{padding:0 5px;}
	table.order td .sourcing-btn{color:#000;}
	table.order td .sourcing-btn i{color:#0d6efd;}
	table.order td .sourcing-btn:hover{color:#fff;}
	table.order td .sourcing-btn:hover i{color:#fff;}
	table.order td button.w60{min-width:60px;}
	table.order td button.w200{min-width:200px;}

	table.order th .color-red, table.order td .color-red{color:#ff0000;}	
	table.order th.th-option{background-color: #ff7200;}
	table.order tr.option-view th{background-color:#c5ebff;}
	table.order tr.option-view td div.cols{padding-right:2px; padding-left:2px;}
	table.order tr.option-view td div.cols-first{padding-left:12px;}
	table.order tr.option-view td div.cols-end{padding-right:12px;}
	table.order tr.scprice-view th{background-color:#fde7f8;}

    table.order > tbody > tr > td > ul > li {flex: 1; padding: 5px;}
    table.order > tbody > tr > td > ul > li > label {margin-right: 15px; width: 50px; color: #555;}
    table.order > tbody > tr > td > ul > li > label.label_width {width: fit-content;}

    .option_wrap > div {flex: 1 1 50%;}
    .option_wrap > div > div > input {border: 0; border-bottom: 1px solid #ced4da; border-radius: 0;}
    .option_cost_color1 {color: #198dca; margin: 0 5px;}
    .option_cost_color2 {color: #ca2a19; margin: 0 5px;}

    .content_list {margin-left: 15px;}
    .list_wrap {padding:0 15px; width:100%;background-color: #fff; border: 1px solid #adadad; height:calc(100% - 148px);}
    .list_wrap > h2 {font-size: 18px; padding:15px; width: 100%;}

/* main.php */
	.content_wrap > .row > .col{width:50%;}
	.content_wrap > .row > .col:first-child{padding:0 20px 0 0;}
	.content_wrap > .row > .col:last-child{padding:0 0 0 20px;}

	.head_back th{background-color:#fff; color:#396f8b; font-size:18px; text-align:center; height:50px; border-top:2px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}

	.badge_style_board{display:block; width:16px; height:20px; text-align:center; border-radius:4px; font-size:14px; color:#fff; line-height:23px; font-weight:900; box-shadow:2px 2px 2px rgba(0,0,0,0.15); transform:skew(-0.05deg); margin:0 auto;}

	.white_back{font-family: 'NanumSquare', sans-serif; background-color:#fff; border-radius:15px; padding:30px;}
		.content_title{font-size:20px; font-weight:bold; color:#396f8b; line-height:1em; border-bottom:1px solid #dadbdc; padding-bottom:20px; margin-bottom:30px;}

		.notice_section{height:447px;}

		.board_style{width:100%;}
		.board_style td{padding:10px 0;}
		.board_style .gback{background-color:#efefef;}
		.board_style .wback{background-color:#fff;}

		.board_style .badge_width{width:50px;}
		.board_style .title a{display:block; font-size:20px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; border-bottom:1px solid transparent;}
		.board_style .title a:hover{border-bottom:1px solid #333; color:#333;}
		.board_style .date{text-align:center; font-size:20px; color:#999; width:160px;}

/*	.order_count{height:190px;}*/
	.order_count:first-child{margin-bottom:20px;}
	.order_count .col{width:50%;}
		.order_count .count{display:flex; justify-content:center; align-items:center; font-size:18px; color:#999; font-weight:bold; border-right:1px solid #dadbdc; height:75px;}
		.order_count .col:last-child .count{border-right:0;}
		.order_count .count > i{font-size:40px; font-weight:300; margin-right:10px;}
		.order_count .count > span{font-size:40px; color:#396f8b; line-height:1em; font-weight:900; margin-left:20px;}

		.order_count .count2{display:flex; justify-content:center; align-items:center; flex-direction:column; border-right:1px solid #dadbdc; height:90px;}
		.order_count .count2 > i{display:block; font-size:40px; color:#999; line-height:1em; margin-bottom:15px;}
		.order_count .count2 .text_count{font-size:18px; color:#999; font-weight:bold; line-height:1em;}
		.order_count .count2 .text_count > span{font-size:40px; color:#396f8b; font-weight:900;}
		.order_count .count2 .text_count > .uncheck{color:#198dca;}
		.order_count .count2 .text_count > .unrun{color:#ca2a19;}
		.order_count .col:last-child .count2{border-right:0;}

	.total_list{margin-top:25px;}
		.total_list_tbl{width:100%; border:1px solid #dbdbdb;}
		.total_list_tbl tr{background-color:#fff;}
		.total_list_tbl tr:hover{background-color:#f1f5fb;}
		.total_list_tbl th{background-color:#efefef; color:#396f8b; font-size:18px; text-align:center; height:50px; border:1px solid #dbdbdb;}
		.total_list_tbl td{font-size:17px; color:#222; line-height:1em; text-align:center; border:1px solid #dbdbdb; height:40px;}
		.total_list_tbl td > i{font-size:25px; color:#999;}

	.delivery_icon{width:80px; line-height:25px; background-color:#fff; text-align:center; border-radius:5px; margin:0 auto;}
	.delivery_icon > span{display:block; font-size:14px; font-weight:bold; transform:skew(-0.05deg);}

	.delivery_reg{border:1px solid #ca2a19;}
	.delivery_reg > span{color:#ca2a19;}

	.delivery_pre{border:1px solid #198dca;}
	.delivery_pre > span{color:#198dca;}

	.delivery_ing{border:1px solid #414c81;}
	.delivery_ing > span{color:#414c81;}

	.delivery_fin{border:1px solid #444; background-color:#efefef;}
	.delivery_fin > span{color:#444;}

/* set_popup.php */
	#holy_popup,
	#holy_popup1,
	#holy_popup2{display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10;}
		.holy_wrap{padding:40px; background-color:#fff; box-shadow:0px 0px 7px rgb(25,141,202,0.2); font-family: 'NanumSquare', sans-serif;}
		.holy_wrap .holy_title{font-size:22px; color:#ca2a19; line-height:1em; border-bottom:1px solid #999; font-weight:bold; padding-bottom:20px;}

		.section1{margin-top:35px;}

		.holy_set{display:flex; border-left:1px solid #adadad; border-right:1px solid #adadad; border-bottom:1px solid #adadad;}
		.holy_set:first-child{border-top:1px solid #adadad;}
		.holy_set .set_title{width:130px; background-color:#f1f5fb; font-size:20px; text-align:center; color:#444; border-right:1px solid #adadad; line-height:54px;}

		.holy_set .data_input{display:flex; justify-content:space-between; align-items:center; width:770px; padding:8px 20px;}
			.data_input .calendar_section{display:flex; align-items:center;}
			.data_input .calendar_section .calendar_icon{font-size:18px; color:#999; margin-right:12px; margin-bottom:0; line-height:38px;}
			.data_input .calendar_section .wave_icon{font-size:24px; color:#999; font-weight:900; padding:0 20px;}
			.data_input .calendar_section input{width:160px;}

			.data_input .reason_section label{font-size:18px; color:#999; line-height:1em; font-weight:bold; margin-right:10px; margin-bottom:0;}

			.data_input .data_btn{display:flex;}

			.cancell_btn{margin-left:15px;}
			.today_holy_btn,
			.cancell_btn{border:1px solid #aeaeae; padding:6px 10px; border-radius:5px; background-color:#fff; transition:all 0.3s;}
			.today_holy_btn:hover,
			.cancell_btn:hover{background-color:#f1f3f7;}
			.today_holy_btn > div,
			.cancell_btn > div{font-size:15px; transform:skew(-0.05deg);}
			.today_holy_btn > div{color:#555;}
			.cancell_btn > div{color:#ca2a19;}

		.last_btn{display:flex; justify-content:center; margin-top:35px;}
		.last_btn .set_finish_btn,
		.last_btn .close_btn{font-size:17px; color:#fff; width:90px; line-height:35px; font-weight:bold; text-align:center; border-radius:7px; transition:all 0.3s;}
		.last_btn .set_finish_btn{background-color:#198dca; margin-right:20px; border:1px solid #198dca;}
		.last_btn .close_btn{background-color:#aeaeae; border:1px solid #aeaeae;}
		.last_btn .set_finish_btn:hover{color:#198dca; background-color:#fff;}
		.last_btn .close_btn:hover{color:#aeaeae; background-color:#fff;}

		.app_radio{display:flex; justify-content:flex-end; margin-top:15px;}
		.app_radio .form-check{margin-right:25px;}
		.app_radio label{color:#555; font-size:16px; transform:skew(-0.05deg);}

		.app_margin{margin-top:15px;}

/* board */
    /* board_list */
    /*table {width: 100%; margin-bottom: 15px; color: #333;}*/
    .board_wrap {background-color: #fff; padding: 30px; border-radius: 25px;}
    .board_title {font-size: 24px; font-weight: 400;}

    .board_button {display: flex; align-items: center;}
    .board_button a {display: block;}
    .board_button i {cursor: pointer; padding: 5px 10px; font-size: 18px; border: 1px solid #ced4da; border-radius: 5px;}
    .board_button i:hover {background-color: #e9ecef;}

    .board_list_top {padding: 10px 0; border-bottom: 1px solid #e9ecef;}
    .board_list_top > h3 {font-size: 14px; font-weight: 400; text-transform: capitalize;}
    .board_list_top > h3 > span {margin: 0 5px; color: #198dca;}
    
	.board_list_table{width:100%; color:#333; margin-bottom:15px;}
    .board_list_table thead {background-color: #e9ecef; border-top: 2px solid #414141;}
    .board_list_table th, .board_list_table td {padding: 10px;}
    .board_list_table th {font-weight: 500;}
    .board_list_table th:first-child, .board_list_table td:first-child {width: 50px;}
    /*.board_list_table th:last-child, .board_list_table td:last-child {width: 80px;}*/
    .board_list_table tr {border-bottom: 1px solid #e2e2e2;}
    .board_list_table tr:hover, .board_list_table tr:nth-of-type(even) {background-color: #e9ecef;}
    .board_list_table td:nth-of-type(2) {cursor: pointer;}
    .board_list_table td a span {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 800px;}

        /* pagination */
        .page-link, .page-link:hover {color: #333;}
        .input-group {align-items: center;}

    /* board_view */
    .board_view_wrap {border: 1px solid #e9ecef; border-radius: 5px; margin: 15px 0; padding: 25px;}
    .board_view_title > h2 {font-size: 18px; font-weight: 400;}

    .board_view_info {position: relative; padding: 15px 0;}
    .board_view_info_list > span {margin-right: 10px;}
    .board_view_info_list > span > b { font-weight: 400; font-size: 12px;}
    .board_view_info_list > span > i {margin-right: 5px;}

    .board_view_bottom {padding-top: 15px; border-top: 1px dashed #ced4da;}
    .board_view_button > a:hover {color: #198dca;}
    .board_view_answer {padding: 50px; border-radius: 10px; background-color: rgba(0, 0,0, .06); margin-top: 15px;}

    .button_modify {width: fit-content; border: 1px solid #ced4da; border-radius: 5px; position: absolute; top: 55px; right: 0; background-color: #fff; display: none;}
    .button_modify > li {cursor: pointer; padding: 5px 10px; border-bottom: 1px solid #ced4da;}
    .button_modify > li:hover {background-color: #e9ecef;}
    .button_modify > li:last-child {border-bottom: 0;}
    .button_modify > li > span {margin: 0 5px;}

    /* board_write */
    .board_write_form {margin-top: 15px;}
    .board_write_form > li {margin-bottom: 5px;}
    .board_write_form > li > textarea {display: none;}

/* 수발주리스트 */
	/* 수주, 발주, 미처리내역 리스트 */
	.order_wrap {border-radius: 25px; background-color: #fff; padding: 30px;}
	.order_list_title > h2 {font-size: 20px;}
	.order_list_title > h2 > i {color: #198dca;}

	.order_list_top {background-color: #f1f1f1; border: 1px solid #ced4da; border-radius: 5px; padding:5px 15px;}
	.order_list_search {margin: 5px 0;}
	.order_list_search .search_button {width: 150px;}

	.month_button > button {border: 1px solid #ced4da; border-radius: 5px; background-color: #fff; color: #333;}
	.month_button > button.on,
	.search_button > button.btn-primary{background-color: #216655; color: #fff; border-color:#216655;}

	.search_form {width: 100%;}
	.search_form > .input-group {position: relative;}
	.search_form > .input-group > i {position: absolute; top: 50%; transform: translateY(-50%); right: 10px; z-index: 3;}
	.search_form > .input-group > input {border-radius: 5px !important;}

	.order_list_status {padding:10px;}
	.order_list_status > ul > li {padding:0 10px; position: relative;}
	.order_list_status > ul > li:before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: -5px; width: 10px; height: 10px;}

	.order_list_status > ul > li:nth-child(1):before {background-color: #0d6efd;}
	.order_list_status > ul > li:nth-child(2):before {background: #6c757d;}
	.order_list_status > ul > li:nth-child(3):before {background-color: #198754;}
	.order_list_status > ul > li:nth-child(4):before {background-color: #dc3545;}

	.order_list_total {font-size: 14px;}
	.order_list_total > span {color: #0d6efd;}

	.order_list_table {margin: 5px 0;}
	.order_list_table > table {width:100%; color:#333; border: 1px solid #ced4da; border-radius: 5px;}
	.order_list_table > table > thead {border-bottom: 1px solid #ced4da; background-color: #f1f1f1;}
	.order_list_table > table > thead span{font-weight: 400; display: block; font-size: 14px;}

	.order_list_table > table > thead > tr > th,
	.order_list_table > table > tbody > tr > td {border-right: 1px solid #ced4da; padding:5px; font-size:13px;}

	/*
	.order_list_table > table > thead > tr > th:last-child,
	.order_list_table > table > tbody > tr > td:last-child {border-right: 0;}
	*/

	.order_list_table > table > tbody > tr {border-bottom: 1px solid #ced4da;}
	.order_list_table > table > tbody > tr:last-child {border-bottom: 0;}
	.order_list_table > table > tbody > tr > td > a,
	.order_list_table > table > tbody > tr > td > span {display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px;}
	.order_list_table > table > tbody > tr > td > span b {font-weight: 400;}
	.order_list_table > table > tbody > tr > td > span i  {color: #ffc107;}
	.order_list_table > table > tbody > tr > td > span.camera > i {color: #333; cursor: pointer;}
	.order_list_table > table > tbody > tr > td > a > span:first-child {color: #0d6efd;}
	
	.order_list_table > table > tbody > tr > td select.form-select{font-size:13px; line-height:1;}

	.member_link:before{content:"\25A3"; color:#ff8000; font-weight:400;}
	.fax_status > span {display:block; color: #0d6efd;}
	.center > span {color: #198754;}
	.date {color: #dc3545;}

	/* table tr 배경색 */
	.tr_bg_color1 {background-color: rgba(13, 110, 253, .1);}
	.tr_bg_color2 {background-color: rgba(108, 117, 125, .1);}
	.tr_bg_color3 {background-color: rgba(25, 135, 84, .1);}
	.tr_bg_color4 {background-color: rgba(220, 53, 69, .1);}
	.tr_bg_color5 {background-color: rgba(255, 193, 7, .1);}
	.tr_bg_color6 {background-color: rgba(13, 202, 240, .1);}

/* orderinfo.php */
	.order_info{padding:15px; background-color:#f6f6f4; height:100%;}
		.order_info_title{background-color:#fff; border:1px solid #aeaeae; padding:5px 15px; font-size:18px; margin-bottom:20px; line-height:46px;}
		.order_info_title > i{color:#216655;}

		.order_info_table table{border:1px solid #aeaeae; margin-bottom:0; width:100%;}
		.order_info_table table th{background-color:#e9f5f1; color:#333; font-weight:500; line-height:20px; padding:5px 10px; font-size:13px; border:1px solid #aeaeae;}
		.order_info_table table td{background-color:#fff; padding:5px; border:1px solid #aeaeae; font-size:13px;} 
		.order_info_table table td input{padding:5px;}

		.order_info_close{display:flex; justify-content:center; margin-top:20px;}

		#cus_modal{display:block; position:absolute; top:28%; width:100%; z-index:1;}
		#cus_modal .modal_content{width:600px; margin:0 auto; background:#fff; border-radius:5px; box-shadow:7px 7px 10px rgba(0,0,0,0.25);}
		#cus_modal .modal_text{font-size:16px; color:#333; line-height:24px; padding:20px; border-radius:0 0 15px 15px; text-align:center;}
		#cus_modal .modal_text table{border:1px solid #aeaeae; font-size:14px; font-weight:400; margin-bottom:20px;}
		#cus_modal .modal_text table th{padding:5px 10px; border:1px solid #aeaeae; background-color:#e9f5f1;}
		#cus_modal .modal_text table td{padding:5px 10px; text-align:left; border:1px solid #aeaeae;}
		#cus_modal button{padding:5px 20px; transition:all 0.3s; border-radius:5px; font-size:15px; font-weight:400; margin-left:10px;}
		#cus_modal #modal_order_btn{background-color:#00594c; color:#fff; border:1px solid #00594c;}
		#cus_modal #modal_no_btn{border:1px solid #ca2a19; background-color:#ca2a19; color:#fff;}
		#cus_modal #modal_close_btn{background-color:#efefef; border:1px solid #efefef;}
		#cus_modal #modal_order_btn:hover{background-color:#184d3f; border:1px solid #184d3f;}
		#cus_modal #modal_no_btn:hover{background-color:#b32515; border:1px solid #b32515;}
		#cus_modal #modal_close_btn:hover{background-color:#d6d6d6; border:1px solid #d6d6d6;}
		#cus_modal .modal_layer{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1;}

/* photo.php */
	.photo{padding:15px; background-color:#f6f6f4; height:100vh;}
	.photo_title{background-color:#fff; border:1px solid #aeaeae; padding:5px 15px; font-size:18px; margin-bottom:20px; line-height:46px;}
	.photo_title > i{color:#216655;}

	.file_up{margin-bottom:15px;}
	.file_up:last-child{margin-bottom:0;}
	.file_up > input{flex:1 1 50%;}
	.file_up > input:first-child{margin-right:10px;}

	.photo_btn{display:flex; justify-content:center;}

/* smsfax */
	.smsfaxpop{padding:15px; background-color:#f6f6f4; height:100vh;}
	.smsfaxpop_title{background-color:#fff; border:1px solid #aeaeae; padding:5px 15px; font-size:18px; margin-bottom:20px; line-height:46px;}
	.smsfaxpop_title > i{color:#216655;}

	.smsfaxpop_adress{border:1px solid #aeaeae;}
	.smsfaxpop_adress .adr_title{background-color:#e9f5f1; color:#333; font-size:16px; font-weight:500; border:1px solid #aeaeae; text-align:center; width:120px;}
	.smsfaxpop_adress .adr_text{text-align:left; background-color:#fff; padding:5px; border:1px solid #aeaeae;}

	.smsfaxpop_table{border:1px solid #aeaeae;}
	.smsfaxpop_table th{background-color:#e9f5f1; color:#333; font-size:16px; font-weight:500; border:1px solid #aeaeae; text-align:center;}
	.smsfaxpop_table td{text-align:left; background-color:#fff; padding:5px; border:1px solid #aeaeae;}

	.smsfaxpop_btn{display:flex; justify-content:center;}

/* receiptprocess.php */
	.rec_proc{padding:15px; background-color:#f6f6f4; height:100%;}
		.rec_proc_title{background-color:#fff; border:1px solid #aeaeae; padding:5px 15px; font-size:18px; margin-bottom:20px; line-height:46px;}
		.rec_proc_title > i{color:#216655;}

		.rec_proc_table{width:100%; border:1px solid #aeaeae;}
		.rec_proc_table th{background-color:#e9f5f1; color:#333; font-size:16px; font-weight:500; border:1px solid #aeaeae; text-align:center; width:120px;}
		.rec_proc_table td{text-align:left; background-color:#fff; padding:5px; border:1px solid #aeaeae;}

		.rec_proc .calendar_icon{margin:0 10px 0 0;}
		.rec_proc #rec_proc_cal{margin-right:10px;}
		.rec_proc #rec_proc_time{margin-right:10px;}

		.rec_proc_btn{display:flex; justify-content:center;}

/* paydetails.php */
	.paydet_wrap{border-radius:25px; background-color:#fff; padding:30px;}

	.paydet_title{background-color: #f1f1f1; border: 1px solid #ced4da; border-radius: 5px; padding: 5px 15px; font-size:20px; height:50px; display:flex; align-items:center; font-weight:500; margin-bottom:20px;}
	.paydet_title > i{color:#216655;}

	.paydet_bank_num{border:1px solid #adadad; padding:15px; border-radius:5px; margin-bottom:20px;}
	.paydet_bank_num > div{flex:1 1 50%; text-align:center; font-size:18px; font-weight:500; line-height:1em;}
	.paydet_bank_num > div > i,
	.paydet_bank_num > div > span{color:#216655}

	.paydet_table_top .top_section{border:1px solid #adadad; border-bottom:0; padding:15px;}
	.paydet_table_top .top_date{font-size:18px; color:#216655; line-height:1em; font-weight:500;}
	.paydet_table_top .top_name{font-size:18px; color:#333; line-height:1em;}

	.paydet_table{width:100%; color:#333;}
	.paydet_table th{text-align:center; background-color:#e9f5f1; color:#333; font-weight:500; line-height:1em; padding:5px 20px; font-size:16px; border:1px solid #aeaeae; width:150px; height:40px;}
	.paydet_table td{text-align:left; background-color:#fff; padding:5px 20px; border:1px solid #aeaeae;}
	.paydet_table .last_pay{font-weight:bold; color:#ff5821;}
	.paydet_table #paydet_year,
	.paydet_table #paydet_mon{width:100px; margin-right:10px;}

	table.paydet_table td div.cols{margin-bottom:10px;}
	table.paydet_table td .input-group-text{padding:0 5px;}

	.paydet_total{font-size:16px; color:#216655; font-weight:500; line-height:1em; margin:20px 0;}

	.paydet_table.table_text{border-top:2px solid #adadad;}
	.paydet_table.table_text th{border-right:0; border-left:0;}
	.paydet_table.table_text td{text-align:center; border-right:0; border-left:0;}

	.paydet_search{margin-top:15px;}
	.paydet_search > select{width:150px; margin-right:10px;}
	.paydet_search > input{width:250px; margin-right:10px;}

/* calendarlist.php */
	.calendarlist_table{width:100%; color:#333; margin-top:20px;}
	.calendarlist_table th{text-align:center; background-color:#e9f5f1; color:#333; font-weight:500; line-height:1em; padding:5px 20px; font-size:16px; border:1px solid #aeaeae; width:150px; height:40px;}
	.calendarlist_table td{width:12.5%; text-align:right; background-color:#fff; padding:5px 20px; border:1px solid #aeaeae;}
	.calendarlist_table td.bal_color{color:#2424ff;}
	.calendarlist_table td.su_color{color:#ff3838;}

/* mypage.php */
	.mypage_btn{background-color: #fff; width: 300px; padding:10px 0; border:1px solid #adadad; margin:0 10px; transition:all 0.3s; color:#00594c; border:1px solid #00594c; text-align:center; border-radius:5px;}
	.mypage_btn:hover{background-color:#00594c; color:#fff;}

	.mypage_form_wrap{width:930px; margin:0 auto;}
	.pass_form{margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #adadad;}
	.mypage_title{font-size: 24px; font-weight: 400; margin-bottom:20px;}

	.member_form span.and{display:block; margin:0 10px;}



@media (max-width:1700px) {
	.board_style .title a{width:300px;}
}

@media (max-width:1665px) {
	.nav_top .nav_list ul li{padding:0 15px;}
	.nav_top .nav_list ul li:first-child{padding:0 15px 0 0;}
	.nav_top .nav_list ul li:last-child{padding:0 0 0 15px;}

	.nav_top .nav_list .tel_border{margin-right:30px;}
	.nav_top .nav_list .tel_border::after{right:-17px;}
}

@media (max-width:1510px) {
	.nav_top .nav_list ul li{padding:0 15px;}

	.nav_top .nav_list .tel_border{margin-right:30px;}
	.nav_top .nav_list .tel_border::after{right:-17px;}
}

.set_table{width:100%; color:#333; margin-top:20px;}
.set_table th{text-align:center; background-color:#e9f5f1; color:#333; font-weight:500; line-height:1em; padding:5px 10px; font-size:16px; border:1px solid #aeaeae; height:40px;}
.set_table th.check_width{width:60px;}
.set_table th.select_width{width:120px;}
.set_table th .th_title{margin-left:5px;}
.set_table td{text-align:left; background-color:#fff; padding:5px 10px; border:1px solid #aeaeae;}

.set_table input{margin-top:0;}

/* datepicker CSS */
#ui-datepicker-div{z-index:999 !important; }

.ui-datepicker .ui-datepicker-title select.ui-datepicker-year{ float:left !important; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year{ float:left !important; }

.ui-datepicker .ui-datepicker-title select{float:right !important;}

.date-sunday a, .date-sunday span{color:#ff7200 !important;}
.date-saturday a, .date-saturday span{color:#38b2ff !important;}

table.ui-datepicker-calendar thead tr th.ui-datepicker-week-end span{color:#38b2ff !important;}
table.ui-datepicker-calendar thead tr th:first-child span{color:#ff7200 !important;}

/* Component containers
----------------------------------*/
.ui-widget { font-family:'굴림', '돋움', Gulim, Dotum, Nanum Gothic , Tahoma, sans-serief !important; font-size:13px; color:#666; }
.ui-widget .ui-widget { font-size:13px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family:'굴림', '돋움', Gulim, Dotum, Nanum Gothic , Tahoma, sans-serief !important; font-size: 13px; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff; color: #666; }
.ui-widget-content a { color: #666; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc; color: #666; font-weight: bold; }
.ui-widget-header a { color: #666; }

.ui-tabs.ui-widget-content { border:none !important; }
.ui-tabs .ui-tabs-panel {padding:0;}

.ui-datepicker table{font-size: 13px;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* Mouseover Popover */
.popover_wrapper {position:relative;display:inline-block;}
.popover_wrapper .popover_content{position:absolute;padding:10px;overflow-y:auto;border:1px solid #b5b5b5;background-color:#fff;opacity:0;visibility:hidden; text-align:left;}
	.right_top{top:0%;left:100%;}
	.right_middle{top:50%;left:100%;}
	.right_bottom{right:0%;right:0%;}
.popover_wrapper:hover .popover_content {z-index:10;opacity:1;visibility:visible;cursor:default;}

.popover_wrapper .popover_content .table{margin:0;}
.popover_wrapper .popover_content .table tr th,
.popover_wrapper .popover_content .table tr td{text-align:left;}
.popover_wrapper .popover_content .table tr th{background-color:#ececec;}

.width100{min-width:100px;}
.width200{min-width:200px;}
.width300{min-width:300px;}
.width353{min-width:353px;}
.width400{min-width:400px;}
.width453{min-width:453px;}
.width500{min-width:500px;}
.width553{min-width:553px;}
.width570{min-width:570px;}
.width600{min-width:600px;}
.width603{min-width:603px;}
.width700{min-width:700px;}
.width740{min-width:740px;}
.width753{width:753px;}
.width800{min-width:800px;}
.width900{min-width:900px;}
.width1000{min-width:1000px;}
.width1200{min-width:1200px;}
.width1500{min-width:1500px;}

.color-red{color:#ff0000; font-weight:bold;}
.pointer{cursor:pointer;}