/*  @charset "utf-8"; */
/*  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); */
/*  @font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; } */
/*  @font-face { */
/*   font-family: 'GmarketSansBold'; */
/*   src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); */
/*   font-weight: normal; */
/*   font-style: normal; */
/* } */
/* @font-face { */
/*   font-family: 'GmarketSansMedium'; */
/*   src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); */
/*   font-weight: normal; */
/*   font-style: normal; */
/* } */


/*******운영 반영시 주석 아래 주석 제거************/
/*
 @charset "utf-8";
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
 @font-face { font-family: 'yg-jalnan'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); font-weight: normal; font-style: normal; }
 @font-face {
    font-family: 'paybooc-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'paybooc-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-ExtraBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'paybooc-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'paybooc-Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


 /* *********************************************************************************
  * 공통 기본
  * ******************************************************************************** */
 html, body {height: 100%;margin: 0;font-family: 'Noto Sans KR', sans-serif;}
 *{padding:0; margin:0;}

 /* HTML Default */
 html,body{height:100%}
 html{overflow:hidden;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;}
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin: 0; padding: 0; border: 0;vertical-align: baseline; letter-spacing:-0.03em;line-height: 160%;box-sizing: border-box;}

 
 article, aside, hgroup, header, footer, figure, figcaption, nav, section {display:block;}
 *:before, *:after {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;   box-sizing: border-box;}
 ol, ul {list-style:none;}
 blockquote, q {	quotes:none;}
 blockquote:before, blockquote:after,
 q:before, q:after {	content:"";	content:none;}
 table {	border-collapse:collapse; border-spacing:0;}
 table.tbl_auto {table-layout:auto;}
 img, fieldset {	border:0;}
 img {/*max-width:100%;*/border:0 none; vertical-align: middle;}
 input, select, textarea { line-height:1.6; vertical-align:middle; }
 caption, legend { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; }
 
 /* textarea */
 textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
 
 button, select {text-transform:none;}
 button, input {	line-height:normal;}
 textarea { resize:vertical; overflow:auto;}
 address, caption, cite, code, dfn, em, var {font-style:normal;	font-weight:normal;}
 .sr-only {position: absolute;width: 1px;height: 1px;padding: 0; margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

 a{text-decoration:none;}
 a:link, a:visited, a:hover, a,active, a:focus {text-decoration:none; cursor:pointer;}
 button {margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1;}
 
 input, select {  vertical-align:middle;  background: transparent;  border:1px solid #ddd;}
 
 br { font-size:0; line-height:0; }
 img{vertical-align:top;}
 
 button{cursor:pointer; border:0; background-color:#fff;}

 ::-webkit-file-upload-button { cursor:pointer;}
 input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;width: 100%; }
 input:disabled { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #555555; -webkit-text-fill-color: #555555; opacity: 1; }
 
/*input[type='radio'] { display: none;}*/
input[type='radio'] + label { position: relative; display: inline-block;margin-right: 18px;}
input[type='radio'] + label:before { content: ''; display: inline-block; width: 18px; height: 18px; background: #fff; border: 1px solid #dedede; border-radius: 50%; vertical-align: middle;}
input[type='radio'] + label span { display: inline-block; vertical-align: middle; font-size:.925rem;margin-left: 6px !important;}
input[type='radio']:checked + label:before { border: 1px solid #797979; background: #fff url('../img/radio_checked.png') no-repeat center center;}
input[type='radio']:checked  + label span {color:#333; font-weight: 500;}
/*input[type='checkbox'] { display: none;}*/
input[type='checkbox'] + label + input[type='checkbox'] { position: relative; display: inline-block;margin-left: 18px;}
input[type='checkbox'] {position:absolute; top:0; left:0; width:20px; height:20px; margin:0; opacity:0; cursor:pointer; }
input[type='checkbox']:checked + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: #fff url("../img/icon_checked.png") no-repeat center center; border: 1px solid #767676;}
input[type='checkbox'] + label span { vertical-align: middle; margin-left: 8px;color:#555; font-size:.925rem;margin-left: 6px !important;}
input[type='checkbox']:checked  + label span {color:#333; font-weight: 500;}
input[type='checkbox'] + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 3px solid #ccc;}


 /* input-placeholder */
 ::-webkit-input-placeholder, ::-moz-placeholder, :-ms-input-placeholder, :-moz-placeholder {color: #767676; }
 
 
 /* placeholder */
 input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color: #999;
   text-align:left;
   letter-spacing:-0.5px;
 }
 input::-moz-placeholder { /* Firefox 19+ */
   color: #999;
   text-align:left;
   letter-spacing:-0.5px;
 }
 input::-moz-placeholder { /* Firefox 18- */
   color: #999;
   text-align:left;
   letter-spacing:-0.5px;
 }
 input:-ms-input-placeholder { /* IE 10+ */
   color: rgba(153,153,153,0.9) !important;
   text-align:left !important;
   letter-spacing:-0.5px;
 }
 textarea:-ms-input-placeholder { /* IE 10+ */
   color: rgba(153,153,153,0.9) !important;
   text-align:left !important;
   letter-spacing:-0.5px;
 }
 input::-ms-input-placeholder { /* IE 10+ */
   color: rgba(153,153,153,0.9);
   text-align:left !important;
   letter-spacing:-0.5px;
 }
 
 ::-ms-clear {display:none;}
 ::-ms-reveal {display:none;}
 
 /*form*/
 input[type='password'], input[type='text'] { height: 34px; line-height: 32px; padding: 0 12px; background-color: #fff; box-sizing: border-box;}
 select {height: 34px; line-height: 32px; padding: 0 24px 0 12px; box-sizing: border-box;}
 select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; background: #fff url('../img/bg_select_arrow.png') no-repeat 94% center; background-size: 8px auto;}
 select::-ms-expand {display:none;} /*0915*/
 input, select, textarea {color:#767676;}
 ::-webkit-input-placeholder {color:#767676;  font-size: 14px !important;}
 ::-moz-input-placeholder {color:#767676;  font-size: 14px !important;}
 :-ms-input-placeholder {color:#767676;  font-size: 14px !important;}
 :-moz-input-placeholder {color:#767676;  font-size: 14px !important;}
 
 /*input[type='radio'] { display: none;}*/
 input[type='radio'] + label { position: relative; display: inline-block;margin-right: 18px;}
 input[type='radio'] + label:before { content: ''; display: inline-block; width: 18px; height: 18px; background: #fff; border: 1px solid #dedede; border-radius: 50%; vertical-align: middle;}
 input[type='radio'] + label span { display: inline-block; vertical-align: middle; font-size:.925rem;margin-left: 6px !important;}
 input[type='radio']:checked + label:before { border: 1px solid #797979; background: #fff url('../img/radio_checked.png') no-repeat center center;}
 input[type='radio']:checked  + label span {color:#333; font-weight: 500;}
 /*input[type='checkbox'] { display: none;}*/
 input[type='checkbox'] + label + input[type='checkbox'] { position: relative; display: inline-block;margin-left: 18px;}
 input[type='checkbox'] {position:absolute; top:0; left:0; width:20px; height:20px; margin:0; opacity:0; cursor:pointer; }
 input[type='checkbox']:checked + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background: #fff url("../img/icon_checked.png") no-repeat center center; border: 1px solid #767676;}
 input[type='checkbox'] + label span { vertical-align: middle; margin-left: 8px;color:#555; font-size:.925rem;margin-left: 6px !important;}
 input[type='checkbox']:checked  + label span {color:#333; font-weight: 500;}
 input[type='checkbox'] + label:before { content: ''; display: inline-block; width: 16px; height: 16px; vertical-align: middle; background-color: #fff; border: 3px solid #ccc;}
 
 /* 접근성 추가 */
 .custom-input {position:relative; display:inline-block; margin-right: 10px;}
 .rdo-input {position:relative;display:inline-block;margin-right: 10px;}
 .custom-input input[type="checkbox"] {position:absolute; left:0; top:0; width:0px; height:0px; opacity:0;}
 .rdo-input input[type="radio"] {position:absolute; left:0; top:0; width:0px; height:0px; opacity:0;}
 .custom-input input[type='checkbox']:focus + label:before {outline: 1px dashed #333;/* outline:-webkit-focus-ring-color:5px; */}
 .rdo-input input[type='radio']:focus + label:before {outline: 1px dashed #333;/* outline:-webkit-focus-ring-color:5px; */}
  /*스크린 리더 only*/
 .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
 /* mask */
 .black_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); display: none; }
 .mask_bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.4); z-index: 9999; display: none; }
 
 .hide, .HIDE, .hidden {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);color:#000}/* 내용감추기 클래스, 접근성으로 인한 display:none 또는 visibility:hidden 작성 금지 */
 .blind { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
 .bold{font-weight:bold}
 .normal{font-weight:normal}
 
 /* dotline */
 .dashed {border-top:1px dashed #CCC}
 .dotline {border-top:1px dotted #CCC}
 .solid {border-top:1px solid #CCC}
 
 /* align */
 .tc {text-align:center !important;}
 .tl {text-align:left !important;}
 .tr {text-align:right !important;}
 
 .fr {float:right !important;}
 .fl {float:left !important;}
 .fn {float:none !important;}
 
 .clear {clear:both !important;}
 
 .dis_inline{ display:inline !important;}
 .dis_block{ display:block !important;}
 .dis_i_block{ display:inline-block !important;}
 .dis_n {display:none !important;}
 .dis_None {display:none !important;}
 
 /* position */
 .position_a{position:absolute !important;}
 .position_f{position:fixed !important;}
 .position_r{position:relative !important;}
 .position_s{position:static !important;}
 

 /*margin*/
 .mt10{margin-top:10px;}
 .mt20{margin-top:20px;}
 /* color */
 .skyblue { color:#00aeef;}
 .blue { color:#1a79d3 !important;}
 .blue2 { color:#0054a6 !important;}
 .orange { color:#ea9d38;}
 .orange2 { color:#f60;}
 .green { color:#8ec63f;}
 .red { color:#f53711;}
 .red2 { color:#e14747;}
 .darkgray { color:#333;}
 .gray { color:#666;}
 .gray2 { color:#a1a1a1;}
 .white { color:#fff;}
 
 /*padding margin*/
 .pl_20{padding-left:20px !important;}

  /* *********************************************************************************
  * 스타일 CSS
  * *********************************************************************************/
/*  body {background:#FFF; background-image:url('../images/common/sellSeed_login_bg.png');background-position:70% 20%;background-repeat: no-repeat;}          */
 #admin_wrap { width: 1400px;height: 100%;margin:0 auto;background-image:url('../images/common/sellSeed_admin_bg.png');background-repeat: no-repeat;background-position:top right;z-index:0;padding-top:10%;box-sizing: border-box;}

 

 /* *********************************************************************************
  * login CSS
  * *********************************************************************************/

 /* header */
 .header_wrap{clear: both; }


 /*** LOGIN ***/
 .loginBody {background:#FFF; background-image:url('../images/common/sellSeed_login_bg.png');background-position:70% 20%;background-repeat: no-repeat;}         
 .titArea { padding: 10px 0 10px;text-align:left;overflow: hidden;margin:0 10%}
 .loginWrap {position: relative;width:100%; box-sizing:border-box; margin:30px auto 100px; text-align:center;}
 .loginWrap .login_box {max-width:700px; margin: auto 10%; box-sizing:border-box;}
 
 /* Heading */
 .login_area .title_txt {font-family:'GmarketSansBold'; text-shadow: 0px 1px 1px rgba(255,255,255,0.5);display:block;font-size:2.5rem; color:#3b3f4a;text-align:left; margin: 30px 0; padding-bottom:15px; font-weight:bold; letter-spacing: -.03em;}
 .login_area .title_txt span {font-family:'GmarketSansBold'; color:#31a222;}
 
 .login_area input[type='text']{margin-bottom:5px;}
 .login_area input[type='text'], .login_area input[type='password']{display:block; width:70% !important; height:50px; border:1px solid #d5d5d5; box-sizing:border-box; padding-left:15px;}
 
 .login_area .btn_login {margin-top: 20px;display: block;width: 70%;font-size: 18px;font-weight: 500;height: 52px;line-height: 50px;    background-color: #01355e;border: 1px solid #01355e;color: #fff;text-align: center;transition: 0.5s;}
 .login_area .btn_login:hover {background-color:#333;} 
 .login_area .ft_info {position: relative; font-size: 14px;text-align: left; margin:auto 0;}
 .login_area .ft_info p.copyright {margin-top: 15px;font-weight: 400; color: #000;}
  
 /* footer */
 #admin_wrap .admin_footer {position: relative; width:100%; max-width: 1200px; margin:auto 12%;}
 #admin_wrap .admin_footer .ft_info {position: relative; font-size: 14px;text-align: left;}
 #admin_wrap .admin_footer .ft_info p.copyright {margin-top: 15px;font-weight: 400; color: #000;}

 
@media all and (max-width:1460px) { 
  
  body {background:#FFF; background-image:none;}     
     
  #admin_wrap { width: 100%;height: 100%;background-image:url('../images/common/sellSeed_admin_bg.png');background-repeat: no-repeat;background-position:top right;z-index:0;padding-top:10%;box-sizing: border-box;background-size: 60%;}
  
 .loginWrap{margin:30px auto;}
 #admin_wrap .admin_footer{padding:10%;}
}


@media all and (max-width:1360px) { 
  
}

@media all and (max-width:767px) { 
 body {background:#FFF; background-image:none;}     
     
 #admin_wrap { width: 100%;height: 100%;background-image:url('../images/common/sellSeed_admin_bg.png');background-repeat: no-repeat;background-position:top right;z-index:0;padding-top:20%;box-sizing: border-box;background-size: 60%;}

 .login_area .title_txt{line-height:100%;}
 .login_area .title_txt span{display: block;line-height:120%;}


 .loginWrap{margin:30px auto;}
 #admin_wrap .admin_footer{padding:10%;}

}

@media all and (max-width:600px) { 

}

@media all and (max-width:425px) {

}