@charset "UTF-8";
/*reset*/
html, body, div, h1, h2, h3, h4, h5, h6, span, object, iframe, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, a, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, select, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, button, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    word-break:keep-all
}

li{
    list-style: none;
}

a{
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    display:block
}

button{
    background:none;
    border:none;
    cursor: pointer;
    font-size:100%
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

table caption{
    display:none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

/* font */
@font-face {
    font-family: 'pretendard';
    src: url('/font/web/Pretendard-Medium.woff2') format('woff2');
    font-display:swap;
    font-weight:normal;
}

@font-face {
    font-family: 'pretendard';
    src: url('/font/web/Pretendard-Bold.woff2') format('woff2');
    font-display:swap;
    font-weight:bold;
}

@font-face {
    font-family: 'Gmarket';
    src: url('/font/web/GmarketSansTTFMedium.woff') format('woff');
    font-weight:500;
}

@font-face {
    font-family: 'Gmarket';
    src: url('/font/web/GmarketSansTTFBold.woff') format('woff');
    font-weight:900;
}

*{
    font-family: 'pretendard', '맑은 고딕', sans-serif;
}


html, body{
    width:100%;
    height:100%;
    color:#333333;
    font-weight:400;
    font-size:16px;
}



/* 스타일 공통영역 */
.wrap{width:100%; height:100%; background:#fff;}

.header{height:10%; width:100%; display:flex; align-items:center; justify-content:space-between; background:#fff; box-shadow:rgba(8,60,44,0.3) 0px 0px 10px; box-sizing:border-box;;}
.header .logo{display:flex; align-items:center; width:50%}
.header .logo_image{width:23.2%; min-width:200px;display:flex; align-items:center; justify-content:center; box-sizing:border-box; padding:10px 0px; border-right:solid #f0f0f0 2px; cursor: pointer;}
.header .logo_image img{
	max-width: 80%;
}
.header .logo_title{font-size:32px; font-family: 'Gmarket'; font-weight:900; margin-left:34px; color:#000}

.header_right{padding-right:30px;}
.user_name{font-size:18px; font-weight:bold; margin-bottom:10px; text-align:right;}
.hr_btns{display:flex; align-items:center;}
.hr_btns a{border:solid #555 2px; border-radius:40px; line-height:28px; padding:0px 15px; margin-left:6px; font-weight:bold; color:#555; transition:All 0.2s;}
.hr_btns a.logout_btn{background:#555; color:#fff}
.hr_btns a.notice_btn{padding-left:35px; background:url(/images/web/notice_icon.png)no-repeat 10% center}
.hr_btns a:hover{border-color:#ff5b00; color:#ff5b00}
.hr_btns a.logout_btn:hover{background:#ff5b00; color:#fff}
.hr_btns a.active{border-color:#ff5b00; color:#fff; background-color:#ff5b00 }
.hr_btns a.notice_btn.active{background:url(/images/web/notice_icon_w.png)no-repeat 10% center #ff5b00;}

.con_wrap{height:90%; width:100%; display:flex;}
.nav{height:100%; width:11.6%; min-width:200px;background:#237159;}
.menu_list{margin-top:40px}
.menu_list li{line-height:50px; margin-bottom:10px;}
.menu_list a{text-align:center; font-size:24px; font-family:'Gmarket'; color:#fff; transition:all 0.2s;;}
.menu_list a:hover{padding-left:20px}
.menu_list a.active{background:#fff; margin-left:20px; color:#237159; font-weight:bold; border-top-left-radius:100px; border-bottom-left-radius:100px;;}
.menu_list a.active:hover{padding-left:0;}
.sub_menu {margin-top:20px; display: none;}
.sub_menu li{line-height:40px; padding-left:30px}
.sub_menu li a{font-size: 20px; text-align:left; background:url(/images/web/d_r_arr.png)no-repeat left 7px; padding-left:20px; transition:all 0.2s;}
.sub_menu li a:hover{text-decoration:underline; text-underline-offset:3px;}
.sub_menu li.active a{color:#ffb300;}

.contents{box-sizing:border-box; padding:40px; width:88.4%; min-width:1690px;position:relative; }
.contents_scroll{overflow-y:scroll; overflow-x:hidden}

input[type="search"]{background:url(/images/web/search_icon.png)no-repeat 97% 46%; padding-right:10px}
input[type="search"]:focus{background:none}

.con{position:relative; margin: 35px 0;height: calc(100% - 135px);}

.con_title{width:100%; line-height:50px; background:#ecf4f2; box-sizing:border-box; padding-left:20px; font-size:20px; font-weight:bold; color:#000; border-radius:10px; display:flex; align-items:center; justify-content:space-between;}
.con_title .route{font-size:16px; font-weight:normal; padding-right:20px;}
.con_title .route span{text-decoration:underline; text-underline-offset:4px;}

.delete_btn{ border:solid #ff5b00 2px; border-radius:5px; height:34px; width:100px; color:#ff5b00; font-weight:bold; transition:all 0.2s;}
.search_btn{border:solid #555 1px; height:34px; border-radius:5px; padding-left:10px; font-size:16px; background:#555; color:#fff;}
input[type="button"]{background:#555; color:#fff; font-weight:bold; padding:0px 15px; margin-left:5px; cursor: pointer; transition: all 0.2s}
input[type="button"]:hover{background:#ff5b00; border-color:#ff5b00}
input {border:solid #555 1px; height:34px; border-radius:5px; padding-left:10px; font-size:16px;}
select{border:Solid #555 1px; height:34px; border-radius:5px; padding:0px 5px; font-size:16px; margin-right:5px;}

table{width:100%;}
table th{border:solid #aaa 1px; background:#f5f7f6; line-height:46px; vertical-align:middle; font-size:18px;;}
table td{text-align:center; line-height:42px; border-bottom: solid #dbdbdb 1px; vertical-align: middle; word-break: break-all; padding: 0 10px;}


.detail_control button{width:140px; line-height:40px; border:solid #555 2px; font-size:18px; font-weight:bold; border-radius:10px; color:#555; transition:all 0.2s; margin-right:10px;}
.detail_control .dc_delete{background:#fff; border-color:#555; color:#fff; background:#555;; }
.detail_control .dc_change{margin-right:0;}
.detail_control .dc_end{border-color:#ff0000;  color:#fff; background:#ff0000;}

.popup{width:100%; height:100%; position:fixed; left:0; top:0; z-index:400; background:Rgba(0,0,0,0.5); display:flex; align-items:center; justify-content:center;}
.pop_con{width:600px; height:300px;background:#fff; border-radius:10px; box-shadow:rgba(0,0,0,0.2)0px 0px 10px;  padding:0px 20px 20px 20px; box-sizing:border-box; position:relative; display:flex; flex-direction:column; justify-content:space-between;}
.pop_con .p_contents {
	display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}
.pop_con .p_contents .p {
    width: 80%;
    margin-left: 10%;
    text-align: center;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bolder;
}
.pop_con .p_contents input {
	width: 80%;
    margin-left: 10%;
}
.close_popup{position:absolute; right:20px;}
.p_header{width:100%;  align-items:center; display:flex;  justify-content:center; border-bottom:solid #dbdbdb 1px;}
.p_header p{ font-size:22px; font-weight:bold; line-height:70px;}
.p_ment{line-height:26px; text-align:center; ;}
.p_ment span{text-decoration:underline; text-underline-offset:4px;}
.p_btn{width:100%; display:flex; align-items:center; justify-content:center; margin-bottom:10px}
.p_btn button{width:140px; height:40px; background:#555; color:#fff; border-radius:10px; font-weight:bold; font-size:18px; transition:all 0.2s; border:solid #555 2px;;}
.p_btn .p_cancle{margin-right:10px; background:#fff; color:#555;}
.p_btn .p_cancle:hover{border-color:#ff5b00; color:#ff5b00}
.p_btn .p_delete:hover{background:#ff5b00; border-color:#ff5b00}
.p_btn .p_save:hover{background:#ff5b00; border-color:#ff5b00}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="button"].search_btn{background:#555; color:#fff; font-weight:bold; padding:0px 15px; margin-left:5px; cursor: pointer; transition: all 0.2s}
input[type="button"].search_btn:hover{background:#ff5b00; border-color:#ff5b00}

option:disabled {color:#ccc}

nav{position:relative}
.service{color:#fff; position:absolute; left:0; bottom:30px; width:100%; text-align:center; text-decoration:underline; text-underline-offset:3px;}
.service:hover{color:#ffb300}

/* 서비스 이용약관 */
.popup_service{ width:100%; height:100%; position:absolute; left:0; background:#fff; overflow:auto; transition:all 0.5s; z-index:99;}
.popup_service .header{left:0; width:100%; transition:all 0.5s;}
.p_service_contents{ margin-top:30px; line-height:24px; padding-bottom:60px; width: 1200px; margin: 0 auto;}
.p_service_list{ margin-top:20px; }
.p_service_list li:first-child{ margin-top:0 }
.p_service_list>li{ margin-top:30px;}
.p_service_title{ font-weight:bold; font-size:16px !important; color:#000 !important; margin-bottom:5px;}
.big_title{font-size:20px !important; color:#237159 !important}
.p_service_list li p{ font-size:14px; margin-bottom:5px;}
.p_service_sub_list{ margin-bottom:10px;}
.p_service_sub_list li{ font-size:14px; color:#666;}
.p_service_btn_area { width:100%; position:fixed; bottom:-1500px; background:#fff; height:60px; transition:all 0.5s; z-index:1;}
.p_service_btn_area .popup_btn{ display:flex; align-items:center; justify-content:flex-end; height:100%; box-sizing:border-box; padding:0px 20px;}
.p_service_btn_area .p_close_btn{background:#dbdbdb; padding:8px 20px; border-radius:5px;}

.p_service_wrap {box-sizing:border-box; padding:10px 20px;}