@charset "utf-8"; 


/* 문의팝업 숨김 */
#mirae_defender_layer,
#mi_sms_box,
#mi-push-iframe-box { display:none !important; }

/* 폰트 설정 */

@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT-Heavy.woff2') format('woff2');
}




@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


html {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
body {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
h1, h2, h3, h4, h5, h6 {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }

ul, dl,dt,dd {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
legend {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
label, input, button, select, img {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
input, button {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
input[type="submit"]{font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; cursor:pointer; }
button {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif;  cursor:pointer;}

textarea, select {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; color:#000; }
select {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
p {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
pre {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }
a {font-family:'SUIT', 'Malgun Gothic', dotum, sans-serif; }



/* 초기화 */
html {overflow-y:scroll; height:100%; }

html {
      /* 모바일 웹폰트가 디바이스에 따라 자동되는 것을 방지 */
     -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
     -moz-text-size-adjust: none; /*Firefox*/
     -ms-text-size-adjust: none;  /*Ie*/
     -o-text-size-adjust: none; /*old versions of Opera*/
}



body {margin:0; padding:0; font-size:14px; background:#fff; height:100%; word-break:keep-all; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0; padding:0; border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
legend {position:absolute; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden}
label, input, button, select, img {vertical-align:middle; }
input, button {margin:0; padding:0; font-size:1em; border:none; }
button {cursor:pointer}
input[type=text], input[type=number], input[type=password],input[type=email],input[type=submit],input[type=button], input[type=image], button {font-size:16px; -webkit-appearance:none; }
textarea, select {font-size:16px; }
textarea {border-radius:5; -webkit-appearance:none; }
select {margin:0; background:none; }
p {margin:0; padding:0; word-break:keep-all;}
hr {display:none}
pre {overflow-x:scroll; font-size:1.1em}
a {color:#000; text-decoration:none}
ul,li,dl,dt,dd{padding:0; margin:0}
ul{list-style:none; }


b { font-weight:600; }
eb { font-weight:800; }

*, :after, :before {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

input {border:none; }
input:focus { outline:none; }

input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=file],
textarea { 
	/*
   -webkit-border-radius:5px; 
   -moz-border-radius:5px; 
   border-radius:5px; 
   
   
   -webkit-box-shadow:5px 5px 8px rgba(0,0,0,.2) inset; 
   -moz-box-shadow:5px 5px 8px rgba(0,0,0,.2) inset; 
   box-shadow:5px 5px 8px rgba(0,0,0,.2) inset; */
   border:1px solid #dadce0;
}

input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus,
select:focus { 
	outline:none; 
}

input[type=text],
input[type=number],
input[type=password],
input[type=email] { 
   /*border-radius:5px; height:50px; padding:10px; background-color:#f3f3f3; */ 
}

/* Basic styling */

[type=radio],
[type=checkbox] {
  width: 18px;
  height: 18px;
  color:#6942f5;
  vertical-align: middle;
  -webkit-appearance: none;
  background: none;
  border: 0;
  outline: 0;
  flex-grow: 0;
  border-radius: 50%;
  background-color: #FFFFFF;
  transition: background 300ms;
  cursor: pointer;
  display:inline-block;
  margin-right:4px;
}


/* Pseudo element for check styling */
[type=radio]::before,
[type=checkbox]::before {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}


/* Checked */
[type=radio]:checked,
[type=checkbox]:checked {
  background-color: currentcolor;
}

[type=radio]:checked::before,
[type=checkbox]:checked::before {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}


/* Disabled */
[type=radio]:disabled,
[type=checkbox]:disabled {
  background-color: #CCD3D8;
  opacity: 0.84;
  cursor: not-allowed;
}


/* IE */
[type=radio]::-ms-check,
[type=checkbox]::-ms-check {
  content: "";
  color: transparent;
  display: block;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  border: 0;
  background-color: transparent;
  background-size: contain;
  box-shadow: inset 0 0 0 1px #CCD3D8;
}

[type=radio]:checked::-ms-check ,
[type=checkbox]:checked::-ms-check {
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpath d='M15.88 8.29L10 14.17l-1.88-1.88a.996.996 0 1 0-1.41 1.41l2.59 2.59c.39.39 1.02.39 1.41 0L17.3 9.7a.996.996 0 0 0 0-1.41c-.39-.39-1.03-.39-1.42 0z' fill='%23fff'/%3E %3C/svg%3E");
}


[type=radio]:checked + label, 
[type=checkbox]:checked + label { font-weight:600;}


input[type="time"] { background:none;}

input[type="time"]::-webkit-inner-spin-button { /* input[type="time"] 시계 아이콘 안보이게*/
    -webkit-appearance: none;
    cursor:pointer;
  /*display: none;*/
  color:#999;}

input[type=time]::-webkit-inner-spin-button {
  /*display: none;*/
  color:#999;
  }


input[type="time"]::-webkit-calendar-picker-indicator {
  /*display: none;*/
  color:#999;
}

/* 비밀번호 입력 시 텍스트 보이기, 숨기기 CSS */
.pw {position: relative;}
.pw i {position: absolute; top:50%; transform:translateY(-50%); right:10px; color:#000; font-size:20px;}



.btn_sha,
input[type=submit],input[type=button] {   
   -webkit-border-radius:5px; 
   -moz-border-radius:5px; 
   border-radius:5px; 
   /*
   -webkit-box-shadow:5px 5px 8px rgba(0,0,0,.2); 
   -moz-box-shadow:5px 5px 8px rgba(0,0,0,.2); 
   box-shadow:5px 5px 8px rgba(0,0,0,.2); 
   */
}

.btn_sha :focus, input[type=submit] :focus, input[type=checkbox] :focus { 
	outline:none; 
}

textarea.autosize { min-height: 40px; }

input:placeholder {color:#e3e3e3 !important; }
input::placeholder {color:#e3e3e3 !important; }
input::-webkit-input-placeholder {color:#e3e3e3 !important; }
input::-moz-placeholder {color:#e3e3e3 !important; }
textarea::-webkit-input-placeholder {color:#e3e3e3 !important; }
textarea::-moz-placeholder {color:#e3e3e3 !important; }



.eng {font-family: 'COMFORTAA'; }
.f_200 { font-weight:200; }
.f_400 { font-weight:400; }
.f_600 { font-weight:600; }

.img_inset {
   -webkit-box-shadow:5px 5px 8px rgba(0,0,0,.05) inset; 
   -moz-box-shadow:5px 5px 8px rgba(0,0,0,.05) inset; 
   box-shadow:5px 5px 8px rgba(0,0,0,.05) inset; 	
}

.block { display:block !important}


.shadow_01 {
  -webkit-border-radius:5px; 
   -moz-border-radius:5px; 
   border-radius:5px; 
   
   -webkit-box-shadow:0px 5px 12px rgba(0,0,0,.2); 
   -moz-box-shadow:0px 5px 12px rgba(0,0,0,.2); 
   box-shadow:0px 5px 12px rgba(0,0,0,.2); 	
}

.shadow_01_s {
   -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.2); 
   -moz-box-shadow:2px 2px 4px rgba(0,0,0,.2); 
   box-shadow:2px 2px 4px rgba(0,0,0,.2); 	
}

.shadow_top {
   -webkit-box-shadow:0x -5px 5px rgba(0,0,0,.2); 
   -moz-box-shadow:0px -5px 5px rgba(0,0,0,.2); 
   box-shadow:0px -5px 5px rgba(0,0,0,.2); 
}

.shadow_bottom {
   -webkit-box-shadow:0x 5px 10px rgba(0,0,0,.2); 
   -moz-box-shadow:0px 5px 10px rgba(0,0,0,.2); 
   box-shadow:0px 5px 10px rgba(0,0,0,.2); 
}

.shadow_bottom_s {
   -webkit-box-shadow:0px 5px 4px rgba(0,0,0,.5); 
   -moz-box-shadow:0px 5px 4px rgba(0,0,0,.5); 
   box-shadow:0px 5px 4px rgba(0,0,0,.5); 
}

.shadow_inset_s {
   -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.2) inset; 
   -moz-box-shadow:2px 2px 4px rgba(0,0,0,.2) inset; 
   box-shadow:2px 2px 4px rgba(0,0,0,.2) inset; 	
}

.shadow_modal {
  -webkit-border-radius:5px; 
   -moz-border-radius:5px; 
   border-radius:5px; 
   
   -webkit-box-shadow:5px 5px 8px rgba(0,0,0,.4); 
   -moz-box-shadow:5px 5px 8px rgba(0,0,0,.4); 
   box-shadow:5px 5px 8px rgba(0,0,0,.4); 	
}

.bor_t { border-top:1px solid #f0f0f0; }
.bor_b { border-bottom:1px solid #f0f0f0; }
.bor_l { border-left:1px solid #f0f0f0; }
.bor_r { border-right:1px solid #f0f0f0; }
.bor_no { border:none !important;}

.bor_t_02 { border-top:10px solid #f5f5f5; }
.bor_b_02 { border-bottom:10px solid #f5f5f5; }
.bor_l_02 { border-left:10px solid #f5f5f5; }
.bor_r_02 { border-right:10px solid #f5f5f5; }
.bor_area { width:100%; height:10px; float:left; /*background-color:#f5f5f5; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;*/ }
.bor_area20 { width:100%; height:20px; float:left; /*background-color:#f5f5f5;*/ }
.bor_area40 { width:100%; height:40px; float:left; /*background-color:#f5f5f5;*/ }



/* 기본 CSS */

.font_12 { font-size:12px !important; }
.font_14 { font-size:14px !important; }
.font_16 { font-size:16px !important; }
.font_18 { font-size:18px !important; }
.font_20 { font-size:20px !important; }
.font_24 { font-size:24px !important; }
.font_28 { font-size:28px !important; }

.red { color:#F00 !important; }
.mint { color:#1dcec8 !important; }
.navy { color:#002157 !important; }
.black { color:#000 !important;}

.b_red { background-color:#F00 !important; }
.b_mint { background-color:#1dcec8 !important; }
.b_navy { background-color:#002157 !important; }
.b_yellow { background-color:#ffd834 !important; }

.normal { font-weight:400 !important;}
.bold { font-weight:600 !important; }
.bold_ex { font-weight:800 !important; }

.gray_noti {color:#666; margin-bottom:15px;}

.left { text-align:left !important;}
.right { text-align:right !important;}

.bo_bot_01 { border-bottom:10px solid #f5f5f5 !important; padding-top:20px !important; padding-bottom:20px !important;}
.bo_bot_01:nth-child(1) { padding-top:0 !important;}

/* 인트로 버튼 CSS */

.intro_bottom { bottom:30px; height:50px; text-align:center; font-size:18px; color:#FFF; z-index:99}
.intro_bottom .intro_btn {width:90%; height:50px; line-height:50px; margin:0 auto; background-color:#002157; border-radius:5px;}

.intro_bottom_02 {position:fixed; width:100%; bottom:0; height:50px; text-align:center; font-size:18px; color:#FFF; z-index:99; font-weight:600;}
.intro_bottom_02 .login_btn {width:50%;height:50px; line-height:50px; float:left; background-color:#002157;}
.intro_bottom_02 .join_btn {width:50%;height:50px; line-height:50px; float:left; background-color:#ffd834; color:#000;}

.intro_bottom, /* 인트로 하단 CSS */
.intro_bottom_02
{position: fixed;
    width: 50% !important;
    /* height: 100%; */
    left: 50% !important;
    max-width: 520px;
}


@media (max-width: 1060px) {

.intro_bottom, /* 인트로 하단 CSS */
.intro_bottom_02
{position: fixed;
    width: 100% !important;
    /* height: 100%; */
    left: 0% !important;
    max-width:none;
}

}



/* 팝업레이어 */
#hd_pop {z-index:9999999999999999999999999; position:relative; margin:0 auto; width:100%; height:0}
#hd_pop h2 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}
.hd_pops {position:absolute; border:1px solid #e9e9e9; background:#fff; top:180px !important; left:50% !important; transform:translate(-50%,0%); width:90%; z-index:10000000001 !important; }
.hd_pops img{max-width:100%; width:100%; height:auto}
.hd_pops_con { width:100% !important; height:auto !important; }
.hd_pops_footer {padding:10px 0; background:#000; color:#fff; text-align:right}
.hd_pops_footer button {margin-right:5px; padding:5px 10px; border:0; background:#393939; color:#fff}



/* 상단 레이아웃 */
header {position:fixed; width: 100%; height:60px; z-index: 1000; }
.header_blank { width:100%; height:60px;}

#hd {position:relative; }
#hd:after {display:block; visibility:hidden; clear:both; content:""}
#hd_h1 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}

#hd_index { background-color:#ffd834; 
/*
-webkit-box-shadow:0x 3px 8px rgba(0,0,0,.10); 
   -moz-box-shadow:0px 3px 8px rgba(0,0,0,.10); 
   box-shadow:0px 3px 8px rgba(0,0,0,.10); 
   z-index:9; 
   */
}

#hd_index_w { background-color:#fff; border-bottom:1px solid #f2f2f2;}

#hd_mini {position:relative; height:60px;  background-color:rgba(0,0,0,.05); 
	/*
	-webkit-box-shadow:0x 3px 8px rgba(0,0,0,.15); 
   -moz-box-shadow:0px 3px 8px rgba(0,0,0,.15); 
   box-shadow:0px 3px 8px rgba(0,0,0,.15); 
   */
   z-index:9; 
}

#hd_index:after {display:block; visibility:hidden; clear:both; content:""}
#hd_index_h1 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden; left:60px; }

#hd_sub {position:relative; background-color:#002157; height:60px; }
#hd_sub:after {display:block; visibility:hidden; clear:both; content:""}
#hd_sub_h1 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden; left:60px; }

#hd_opa {position:relative; background:rgba(0,0,0,0.4); height:60px; z-index:5; }
#hd_opa:after {display:block; visibility:hidden; clear:both; content:""}
#hd_opa_h1 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden; left:60px; }


#logo {line-height:40px; text-align:left; color:#fff; font-size:22px; position:absolute; top:50%; transform:translateY(-50%); left:20px; z-index:9; }

#logo_text {text-align:left; color:#fff; font-size:20px; font-weight:600; position:absolute; top:50%; transform:translateY(-50%); left:45px; z-index:9;}

#logo_w { color:#fff !important;}

#logo a {color:#000; font-weight:600; }

#logo img{vertical-align:middle; height:30px; }

#logo_mini {padding:7px 0px; line-height:40px; text-align:left; color:#2e3192; font-size:22px; position:absolute; left:40px; /*transform:translateX(-50%); */ z-index:9; }
#logo_mini a {color:#2e3192; font-weight:600; }
#logo_mini img{vertical-align:middle; }

#logo_sub {padding:10px 10px; height:40px; line-height:30px; text-align:left; color:#fff; font-size:1.6em; position:absolute; left:75px; z-index:9; }
#logo_sub a {color:#fff; }
#logo_sub img{vertical-align:middle; max-height:100%; }

#user_btn {position:absolute; top:50%; transform:translateY(-50%); right:15px; padding:0 0px; width:36px; height:36px; line-height:36px; border:0; ; color:#fff; font-size:16px; background:none; letter-spacing:-0.1em; line-height:0; }

#user_menu {display:none; background:#fff; position:fixed; top:0; right:0; z-index:99999; height:100%; overflow-y:auto; width:270px; 
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4); 
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4); 
box-shadow: 0 0 5px  rgba(55,55,5,0.4); 
}
#user_menu a {display:block; color:#000; }


#user_close {display:block; margin:0; height:60px; width:60px; border:0; background:url(../img/mobile/btn_close.png) no-repeat right 50%  #fff; background-size:70px; color:#000; text-indent:-999999999px; overflow:hidden; position:fixed; top:0; right:15px }
#snb_cnt span{display:inline-block; padding: 0 7px; height:18px; line-height:18px; font-size:12px; background:#3ca1ff; border-radius:20px; color:#fff}


.btn_back {position:absolute; line-height:60px; top:50%; transform:translateY(-50%); left:15px; color:#fff; z-index:9; }
.btn_back_mini {position:absolute; line-height:60px; top:10px; left:5px; width:28px; height:28px; color:#2e3192; text-align:center; font-size:24px; line-height:35px; z-index:9; /*border:1px solid #000; border-radius:60px; */}

.head_r {position:absolute; right:60px;  top:50%; transform:translateY(-50%); z-index:9999; line-height:0; }
.head_r .btn_cart {float:right; margin-right:5px; z-index:9999; position:relative; }
.head_r .btn_cart p { position: absolute; top: 4px; right: 1px; width: 6px; height: 6px; text-align: center; background-color: #F00; border-radius: 60px; /*font-size: 8px; color: #fff; font-weight: 800; line-height: 14px; border:1px solid #000; */}

.head_r .head_loca {float:right; line-height:30px; background-image:url(../../../img/head/location.png); background-position:right; padding-right:25px; background-repeat:no-repeat; background-size:20px; margin-right:15px; font-size:14px; z-index:9999; color:#FFF; }
.head_r .head_loca_black {float:right; line-height:30px; background-image:url(../../../img/head/location_index.png); background-position:right; padding-right:25px; background-repeat:no-repeat; background-size:20px; margin-right:15px; font-size:14px; z-index:9999; color:#000; }

.btn_back img { width:22px; }

#user_btn,
.head_r .btn_cart { width: 36px; height: 36px; line-height:32px; background-color:#2e3192; border-radius:50%; text-align:center;}

#user_btn img,
.head_r .btn_cart img { width:20px;     position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);}

#gnb_open {position:absolute; top:10px; left:10px; padding:0 10px; height:30px; width:30px; border:0; background-size:70%; color:#fff; background:none; font-size: 16px; }
#gnb {display:none; background:#002157; position:fixed; top:0; left:0; z-index:99999; height:100%; overflow-y:auto; width:300px; 
-webkit-box-shadow:0 0 5px  rgba(55,55,5,0.4); 
-moz-box-shadow:0 0 5px  rgba(55,55,5,0.4); 
box-shadow: 0 0 5px  rgba(55,55,5,0.4); }

#gnb a {display:block; color:#efefef}
.gnb_1dli{position:relative; line-height:40px; }
.gnb_1dli button{position:absolute; top:0; right:0; background:url; border:0; width:40px; height:40px; overflow:hidden; border:0; background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%; text-indent:-9999px}
.gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}
.gnb_1da {padding:0 20px; border-bottom:1px solid #9996d1}
.gnb_2dul {display:none; }
.gnb_2da {border-bottom:1px solid #9996d1; background:url(../img/btn_next.gif) no-repeat 21px 17px; padding-left:30px}
#gnb_close {display:block; margin:0; height:60px; width:100%; border:0; background:url(../img/mobile/btn_close.png) no-repeat right 50%  #002157; background-size:25px; color:#fff; text-indent:-999999999px; overflow:hidden}

#gnb_empty {padding:20px 0; color:#fff; text-align:center; line-height:2em}
#gnb_empty a {display:inline; text-decoration:underline}

/**** head_none.php : header 생략, 뒤로가기 버튼만 있음 ****/
/*뒤로가기 버튼(원형)*/
.none_back {position:fixed; top:12px; left:0px; margin-left:15px;  border-radius:50px; color:#000; font-size:26px; width:36px !important; text-align:left; height:36px; line-height:36px !important; z-index:9999;}
.none_back i {vertical-align:-2px; line-height:36px !important;}

#hd_sch {text-align:center; padding:20px}
#hd_sch h2 {position:absolute; font-size:0; text-indent:-9999em; line-height:0; overflow:hidden}
#hd_sch form {position:relative; padding-right:40px; }
#hd_sch #sch_stx {width:100%; height:45px; background:#464646; border:0; padding-left:10px; border-radius:3px 0 0 3px; color:#fff}
#hd_sch #sch_submit {position:absolute; top:0; right:0; width:40px; height:45px; ; border:0; border-radius:0 3px 3px 0; cursor:pointer; color:#fff; background:#464646; font-size:1.25em}


#hd_nb{margin:20px; }
#hd_nb:after {display:block; visibility:hidden; clear:both; content:""}
#hd_nb .hd_nb1{border-right:1px solid #e2e5e7; border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb2{border-bottom:1px solid #e2e5e7}
#hd_nb .hd_nb3{border-right:1px solid #e2e5e7}

#hd_nb .gnb_1dli{position:relative; line-height:40px; }
#hd_nb .gnb_1dli button{position:absolute; top:0; right:0; background:url; border:0; width:40px; height:40px; overflow:hidden; border:0; background:url(../img/mobile/gnb_bg.png) no-repeat 50% 50%; text-indent:-9999px}
#hd_nb .gnb_1dli button.btn_gnb_cl{background:url(../img/mobile/gnb_bg2.png) no-repeat 50% 50%}
#hd_nb .gnb_1da {padding:0 20px; border-bottom:1px solid #9996d1}
#hd_nb .gnb_2dul {display:none; }
#hd_nb .gnb_2da {border-bottom:1px solid #9996d1; background:url(../img/btn_next.gif) no-repeat 21px 17px; padding-left:30px}s

/* 텍스트 크기 조절 */
#text_size {margin:0 0 10px; text-align:center; display:inline-block; padding:7px 20px; background:#e6e7e9; border-radius:25px; height:48px; }
#text_size button {margin:0 5px; border:0; background:none; height:35px; width:35px; border-radius:50%}
#text_size button.select{background:#fff; border-bottom:1px solid #bbb; 
-webkit-box-shadow:0 0 5px  rgba(100,80,100,0.2); 
-moz-box-shadow:0 0 5px  rgba(100,100,100,0.2); 
box-shadow: 0 0 5px  rgba(100,100,100,0.2); }
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}


/* 상단 네비게이션 */
.topmenu { width:100%; float:left; padding:0px 0px 10px 0px; background-color:#fed834; position: sticky; top: 60px; z-index: 999; border:none;}

.top_tap { overflow: hidden; padding-left:10px;}

.top_tap ul { list-style: none; margin: 0; padding: 0;}

.top_tap ul li { float: left; min-width:30px; margin:0 10px;  color: #fff; text-align: center; cursor: pointer; font-size:16px; position:relative; font-weight:500; }
.top_tap ul li a { color:#fff;padding: 10px 0; display:block;}

.activetop { color:#2d3198 !important; font-weight:600 !important;}
.activetop a { color:#2d3198 !important;}
.activetop:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:2px; border-radius:50px; background-color:#2d3198; }


/* 중간 레이아웃 */
#wrapper {  width:100%; float:left; z-index:0; background-color:#fff; }
#wrapper:after {display:block; visibility:hidden; clear:both; content:""}

#wrapper_index { background-color:#ee4200; }
#wrapper_index:after {display:block; visibility:hidden; clear:both; content:""}

#container { width:100%; float:left; position:relative; min-height:300px !important; padding:10px 20px 20px 20px; border-radius: 24px 24px 0 0; background-color:#fff; z-index: 990;}
#container:after {display:block; visibility:hidden; clear:both; content:""}

.con_100 { width:calc(100% + 40px) !important; margin-left:-20px !important; padding-left:20px !important; padding-right:20px !important; }


/* 페이지 내용 상단 노란 배경 */
#container_top {width: 100%; height:24px;  background-color: #fff; position: sticky; top: 109px; border-radius: 24px 24px 0 0;  z-index:980;} /* 페이지 내용 흰색 라운드 상단 */
#container_top_bg {width: 100%; height: 29px; background-color: #ffd834; position: sticky; top: 105px; border-radius: 0;  z-index:970; margin-top:-36px;}/* #container_top 아래 깔리는 노란 배경 */

#container_p {}

#container_title {font-size:1.2em; font-weight:bold; height:60px; padding:10px; line-height:30px; background:#fff; color:#60c5bd; 
-webkit-box-shadow: 0 0 5px rgba(55,55,5,0.4); 
-moz-box-shadow: 0 0 5px rgba(55,55,5,0.4); 
box-shadow: 0 0 5px rgba(55,55,5,0.4); 
}
.top{position:relative}
.btn_top{width:100%; height:60px; bottom:0px; z-index:999; padding:10px 0px; text-align:center; z-index: 0;}
.btn_top li{display:inline-block}
.btn_top a,.btn_top .btn_submit{line-height:40px; padding: 5px 30px; border-radius:5px}
.btn_top .btn_cancel,.btn_top .btn_b01{border:1px solid #aaa; background:none; color:#666; line-height:38px; background:#fff; margin:0px 20px; }
.fixed{position:fixed; top:0; right:0; z-index:999; }

#container_title.fixed{width:100%; }




/*** 페이지 공통CSS ***/

/* 콘텐츠영역 div */
.con_section {width:100%; float:left; padding:20px; }
.con_section_top { padding-top:0; }
.con_section_bottom { padding-bottom:0; }

.con_section_02 {width:100%; float:left; padding:20px 0; } /* 슬라이드 콘텐츠일 경우 // 좌우 padding 없음 */
.con_section_02 .con_title { padding:0 20px; } /* 타이틀 좌우 padding */

.con_section_03 {width:100%; float:left; padding:0 20px 20px; } /* padding-top 없음, 하/좌/우: 20px */

.con_section_b_bot { border-bottom:10px solid #fff; } /* 콘텐츠영역 나누는 경우 // 하단 회색 영역 */
.con_section_b_bot_02 { border-bottom:10px solid #f5f5f5; } 
.con_section_b_bot_03 { border-bottom:10px solid #f8f8f8; } 

.con_section.fix_top { position:fixed; top:60px; z-index:2;}
.fix_top_blank { width:100%; float:left; height:85px;}
.fix_top_blank_bg {position:fixed; top:0px; z-index:-1; width:100%; height:400px;}


/* 하단 레이아웃 */
#ft {background:#222; padding:0px 10px 10px}
#ft h1 {width:0; height:0; font-size:0; line-height:0; overflow:hidden}
#ft p {margin:0; padding:10px 0; line-height:1.8em}

#ft_copy {padding:10px; line-height:2em; text-align:center; color:#777}
#ft_copy #ft_company {text-align:center}
#ft_copy #ft_company a {display:inline-block; padding:0 10px; line-height:1em; border-left:1px solid #60c5bd; color:#fff}
#ft_copy #ft_company a:first-child{border:0}
#ft_copy b {color:inherit}
#ft_copy a {color:inherit; text-decoration:none}

#top_btn {position:fixed; bottom:10px; right:10px; width:40px; height:40px; line-height:36px; border:2px solid #002157; background:rgba(255,255,255,0.6); color:#002157; text-align:center; font-size:15px; z-index:99}
#device_change {display:block; line-height:40px; border:1px solid #3a3a3a; border-radius:2em; color:#777; font-size:1em; text-decoration:none; text-align:center}

.tail {width:100%; height:55px; position:fixed; bottom:0px; background-color:#fff; color:#000; text-align:center; font-size:10px; z-index:99999999; border-radius:20px 20px 0 0;
   -webkit-box-shadow:0x -5px 10px rgba(0,0,0,.1); 
   -moz-box-shadow:0px -5px 10px rgba(0,0,0,.1); 
   box-shadow:0px -5px 10px rgba(0,0,0,.1); 
}
.tail ul {width:20%; float:left; color:#000; background-position:center 8px; background-repeat:no-repeat; background-size:28px; position:relative;}
.tail ul.on { font-weight:800px; }
.tail ul.on p {    width: 50px;
    height: 50px;
	background: rgb(105,66,245,1);
	/*background: linear-gradient(135deg, rgba(148,107,246,1) 0%, rgba(105,66,245,1) 77%); */
    border-radius: 100%;
    position: absolute;
        bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
	 background-size:28px;
	 background-repeat:no-repeat;
	 background-position:center;}
.tail ul li { padding-top:36px; position:relative; }



/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right; color:#ff3061}
.copymove_currentbg {background:#f4f4f4}
#copymove .tbl_head01{margin-top:10px}
#copymove td{background:#fff}
#copymove .win_btn{margin:10px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block; position:absolute; top:0; left:0; margin:0 !important; padding:0 !important; width:1px !important; height:1px !important; font-size:0 !important; line-height:0 !important; overflow:hidden}

/* 본문 바로가기 */
.to_content a {z-index:100000; position:absolute; top:0; left:0; width:0; height:0; font-size:0; line-height:0; overflow:hidden}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%; height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {position:relative}
#captcha legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
#captcha #captcha_img {height:40px; border:1px solid #898989; ; vertical-align:top; padding:0; margin:0}
#captcha #captcha_mp3 {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; width:40px; height:40px; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; ; border-radius:3px}
#captcha #captcha_reload {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px; border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.002157em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top}
#captcha #captcha_info {display:block; margin:3px 0 5px ; font-size:0.95em; letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block; margin:0 0 5px}

/* 구글리캡챠 크기 조정 scale */
#captcha.recaptcha{width:213px; height:55px; overflow:hidden}
#rc-imgelect, .g-recaptcha {transform:scale(0.7); -webkit-transform:scale(0.7); transform-origin:0 0; -webkit-transform-origin:0 0; }

/* ckeditor 태그 기본값 */
#bo_v>header { position:relative; width: 100% !important; /* height: 100%; */ left:0 !important;}

#bo_v_con ul{display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }
#bo_v_con ol{display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }
#bo_v_con li{display: list-item; }

#bo_cate a { padding:10px 4px !important; margin-right:10px; color:#999;}
#bo_cate #bo_cate_on {display:inline-block;position:relative;color:#000 !important;}
#bo_cate #bo_cate_on:after {content:"";position:absolute;left:0;bottom:-1px !important;width:100%;height:4px;display:inline-block;background:#ffd834 !important;}

.all_chk.chk_box { padding:10px 0;}

/*단축키일람 */
.cke_sc{text-align:right}
.btn_cke_sc{background:#002157; color:#fff; padding:5px; border:none}
.cke_sc_def {margin:0 0 5px; padding:10px; border:1px solid #ccc; background:#f7f7f7; text-align:center}
.cke_sc_def dl{margin:0 0 5px; text-align:left; zoom:1}
.cke_sc_def dl:after {display:block; visibility:hidden; clear:both; content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left; margin:0; padding:5px 0; border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:50%; font-weight:bold}
.cke_sc_def dd {width:50%}
.btn_cke_sc_close{background:#002157; padding:5px; border:none; color:#fff}

/* 버튼 */
.btn{display:inline-block; padding:0 15px; height:50px; line-height:50px; border-radius:3px}
a.btn01 {display:inline-block; background:#ddd; color:#444; text-decoration:none; vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block; margin:0; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none}
a.btn02 {display:inline-block; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block; margin:0; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none}
.btn_confirm {text-align:center} /* 서식단계 진행 */
.btn_submit {height:50px; background-color:#ffd834; border-radius:5px; color:#000; font-weight:bold; font-size:18px; margin:10px 0px; }
fieldset .btn_submit {}
a.btn_cancel {display:inline-block; background:#ddd; color:#444; text-decoration:none; vertical-align:middle; }
button.btn_cancel {display:inline-block; ; border:1px solid #ccc; background:#fafafa; color:#000; vertical-align:top; text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block; padding:0 5px; ; border:0; background:#002157; color:#fff; letter-spacing:-0.1em; text-decoration:none; vertical-align:top} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block; background:#4c4f6f; color:#fff; text-decoration:none; vertical-align:middle}
.btn_b01:hover, .btn_b01:hover {}
a.btn_b02 ,.btn_b02{display:inline-block; background:#002157; color:#fff; text-decoration:none; vertical-align:middle; border:0}
a.btn_b02:hover, .btn_b02:hover {}
a.btn_b03, .btn_b03 {display:inline-block; line-height:28px; border:1px solid #ed6478; color:#ed6478; background:none; text-decoration:none; vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {}
a.btn_admin {display:inline-block; background:#85dcd5; color:#fff; text-decoration:none; vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {}

/* 기본테이블 */
.tbl_wrap {margin:0 10px 10px}
.tbl_wrap table {width:100%; border-collapse:collapse; border-spacing:0; font-size:1.2em; }
.tbl_wrap caption {padding:10px 0; color:#4b8b99; font-weight:bold; text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px; color:#777; text-align:left}
.tbl_head01 thead th {padding:12px 0; border:1px solid #cacaca; background:#d9d9da; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666; border-bottom:1px solid #666; background:#484848; color:#fff}
.tbl_head01 tfoot td {border-color:#e3e3e5; background:#484848; color:#fff; font-weight:bold; text-align:center}
.tbl_head01 tbody th {padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:10px; border-bottom:1px solid #e3e3e5; line-height:1.5em; word-break:break-all}
.tbl_head01 td:first-child {padding:10px; border-bottom:1px solid #e3e3e5; border-top:1px solid #e3e3e5; line-height:1.5em; word-break:break-all}

.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px; color:#777; text-align:left}
.tbl_head02 thead th {padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666; border-bottom:1px solid #666; background:#484848; color:#fff}
.tbl_head02 tfoot td {background:#484848; color:#fff; font-weight:bold; text-align:center}
.tbl_head02 tbody th {padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; line-height:1.4em; word-break:break-all}

/* 기본리스트 */
.list_01{padding:0 0px; }
.list_01 li{background:#fff; border-radius:3px; margin:10px 0; padding:10px 15px; border-bottom:1px solid #ccc; }

/* 기본폼 */
.form_01{margin:10px}
.form_01 .write_div{margin:5px 0; position:relative}
.form_01 li{margin:5px 0; position:relative; list-style:none}
.form_01 textarea, .frm_input {/*border:1px solid #ccc; */background:#fff; vertical-align:middle; border-radius:2px; padding:5px 10px; }
.form_01 textarea {width:100%; height:60px}
.frm_input {height:40px; }
.full_input{width:100%} 
.50_input{width:50%} 
.30_input{width:20%} 
.form_01 .frm_file {display:block; margin-bottom:5px; width:100%}
.form_01 select{height:40px; border-radius:3px; background-color:#fff}
.form_01 .frm_info{ font-size:14px; color:rgba(0,0,0,0.54); text-align:left; margin:3px 0 10px; display:block; line-height:1.3em}

#bo_list li { margin:15px 0 !important; border-radius:0 !important;}

#bo_list_total { background-color:#fff !important;}

/* 자료 없는 목록 */
.empty_table {padding:100px 0 !important; color:#777; text-align:center}
.empty_list {padding:20px 0 !important; text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important; background-repeat:no-repeat   !important; background-position:right top  !important; }

/* 테이블 항목별 정의 */
.td_board {width:120px; text-align:center}
.td_category {width:80px; text-align:center}
.td_chk {width:30px; text-align:center}
.td_date {width:60px; text-align:center}
.td_datetime {width:150px; text-align:center}
.td_group {width:100px; text-align:center}
.td_mb_id {width:100px; text-align:center}
.td_mng {width:80px; text-align:center}
.td_name {width:100px; text-align:left}
.td_nick {width:100px; text-align:center}
.td_num {width:50px; text-align:center}
.td_numbig {width:80px; text-align:center}
.td_stat {width:60px; text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#85dcd5}
.txt_expired {color:#999}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win #win_title {font-size: 1.2em; font-weight: bold; height: 50px; padding: 10px; line-height: 30px; background: #002157; color: #fff; }
.new_win #win_title .sv {font-size:0.75em; line-height:1.2em}
.new_win_con{ 0}

.new_win .win_ul {margin:10px}
.new_win .win_ul li {display:inline-block; }
.new_win .win_ul li a {display: block; line-height: 24px; padding: 0 10px; }
.new_win .win_ul li .selected {background: #002157; color: #fff; border-radius: 13px; 
-webkit-box-shadow: 0 0 5px rgba(65,98,255,0.8); 
-moz-box-shadow: 0 0 5px rgba(65,98,255,0.8); 
box-shadow: 0 0 8px rgba(65,98,255,0.8); }

.new_win .win_desc {margin:5px 0; font-size:0.92em; color:#002157}
.new_win .win_btn {clear:both; margin:10px 0; text-align:center}
.new_win .win_btn a {display:inline-block; height:40px; line-height:40px; font-weight:bold}
.new_win .win_btn .btn_close {display:inline-block; padding:0 10px; border:0; background:#c6c6d2; color:#666; text-decoration:none; font-weight:bold; height:40px; border-radius:3px; margin:10px 0}
.new_win .win_btn .btn_submit {width:100%; height:40px; line-height:40px; border-radius:5px; margin:0 0 20px; display:inline-block; font-weight:bold}

/* 검색결과 색상 */
.sch_word {color:#00c4ac; text-decoration:underline;}

/* 사이드뷰 */
.sv_wrap {display:inline-block; position:relative; font-weight:normal; line-height:20px}
.sv_wrap .sv {z-index:1000; width:100px; display:none; margin:5px 0 0; font-size:0.92em; background:#60c5bd; text-align:left; 
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); 
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); 
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); }
.sv_wrap .sv:before{content: ""; position: absolute; top: -6px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #ee4200 transparent; }
.sv_wrap .sv a {display:inline-block; width:100px; margin:0; padding:0  10px; line-height:30px; font-weight:normal; color:#bbb }
.sv_wrap .sv a:hover{background:#000; color:#fff}
.sv_member{color:#000; font-weight:600; }
.sv_on {display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap { width:100%; float:left; clear:both; padding:10px 0; text-align:center; /*background:#f7f7f7;*/ }
.pg {display:inline-block}
.pg_page, .pg_current {display:inline-block; padding:0 10px; height:30px; color:#000; line-height:28px; vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#f8f8f8; border:1px solid #d4d4d4; border-radius:3px}
.pg_start {background:url(../img/btn_first.gif) no-repeat 50% 50% #fff; width:30px; height:30px ; text-indent:-999px; overflow:hidden}
.pg_prev {background:url(../img/btn_prev.gif) no-repeat 50% 50% #fff; width:30px; height:30px ; text-indent:-999px; overflow:hidden}
.pg_next {background:url(../img/btn_next.gif) no-repeat 50% 50% #fff; width:30px; height:30px ; text-indent:-999px; overflow:hidden}
.pg_end {background:url(../img/btn_end.gif) no-repeat 50% 50% #fff; width:30px; height:30px ; text-indent:-999px; overflow:hidden}
.pg_current {display:inline-block; background:#4c4f6f; color:#fff; font-weight:normal; border-radius:3px; line-height:30px; }




/* 메인 DIV */
.main_div {width:100%; float:left; }
.main_div ul.sub_con {width:100%; float:left; padding:15px; position:relative; }
.main_div ul.sub_con li.ready { font-size:24px; text-align:center; font-weight:600; padding-top:100px; }
.main_div ul.sub_con li.ready i { font-size:60px; line-height:140px; }

.main_div:nth-child(1) .my_con { padding:25px 0 0 0 !important}


/* 서브 DIV */
.sub_div {width:100%; float:left; padding:15px; }

/* 메인 타이틀 */
.main_title {padding:0px 15px 15px 15px; position:relative; font-size:16px; color:#000; line-height:24px; font-weight:bold; }
.main_title li {float:right; font-size:14px; color:#002157; font-weight:normal; }
.etc_title {padding:15px 20px; position:relative; font-size:18px; color:#000; line-height:24px; font-weight:bold; text-align:center; }

/* 글자색 */
.violet {color:#8693c0; }



/* 기타페이지 탭메뉴 */
.etc_tap {text-align:center; border-top:1px solid #ddd; font-size:16px; margin-bottom:30px; position:relative; z-index:2; 
-webkit-box-shadow:0x 3px 8px rgba(0,0,0,.15); 
   -moz-box-shadow:0px 3px 8px rgba(0,0,0,.15); 
   box-shadow:0px 3px 8px rgba(0,0,0,.15); display:none;
}
.etc_tap ul {float:left; width:33.33333%; position:relative; }
.etc_tap ul.on {background-color:#fff; height:40px; line-height:40px; border-bottom:1px solid #fff; color:#002157; }
.etc_tap ul.off {background-color:#f4f4f4; height:40px; line-height:40px; border-bottom:1px solid #eee; color:#999; }
.etc_tap ul.off_02 {background-color:#f4f4f4; height:40px; line-height:40px; border-bottom:1px solid #eee; color:#999; }
.etc_tap ul.left_b {}
.etc_tap ul.left_b::before { content: "|"; left:0; position:absolute; color:#ccc; }


/* 기타메뉴 텍스트 */
.etc_text_01 { font-weight:bold; color:#333; line-height:200%; }
.etc_text_02 { padding-left:15px; line-height:160%; margin-bottom:10px; }
.etc_text_02_2 { padding-left:15px; line-height:160%; }
.etc_text_02_3 { padding-left:25px; line-height:160%; background-image:url(../img/etc/etc_menu_line.png); background-position:17px 9px; background-repeat:no-repeat; }


/* 앱 알림, 로그아웃 등 체크박스 CSS */
.switch_checkbox{display:none; }
.switchbtn {width: 40px; height: 20px; background-color: #ccc; z-index: 0; margin: 0; padding: 0; cursor: pointer; position: relative; border-radius: 100px; float:right; }
.switchbtn:before {content: ' '; position: absolute; left: 2px; top: 2px; width: 36px; height: 16px; background: #f5f5f5; z-index: 99; border-radius: 52px; }
.switchbtn:after {content: ''; height: 15px; width: 15px; border-radius: 52px; background-color: #fff; position: absolute; z-index: 999; top: 2px; left: 2px; text-align: center; box-shadow: 0 2px 5px #999999; font-size: 12px; padding-top: 0px; }

.switchon, .switchon:before {background-color: #946bf6 !important; }
.switchon:after {left: 22px !important; content: ''; color: #946bf6; }




/*  */
select {width:100%; height:40px; 
background-image:url(../../../img/common/select_bg.png); background-position:right; background-repeat:no-repeat; background-size:20px; 
-webkit-appearance: none; 
   -moz-appearance: none; 
   appearance: none; 
    font-size:16px; 
	padding:10px; 
	border-radius:4px; 
	border:1px solid #CCC; 
   }
   
select::-ms-expand { /* for IE 11 */
    display: none; 
}

option {color:#666; line-height:200%; }

/*option:hover {color:#}*/

option {border:1px solid green}

.search {width:100%; border-radius:4px; border:1px solid #CCC; }
.search input { width:100%; border-radius:4px; padding-right:25px; height:38px; 
	background-image:url(../../../img/common/search_bg.png); background-position:right; background-repeat:no-repeat; background-size:20px; 
    font-size:16px; 
	padding:10px; 
	border:none; 
	box-shadow:none; 
-webkit-appearance: none; 
   -moz-appearance: none; 
   appearance: none; 
   	}

/* 메뉴 토글 CSS */
.page_title {width:100%; padding:15px 15px 5px 15px; float:left; position:relative; color:#333; font-size:18px; font-weight:bold; }
.page_title .page_title_notice {position:absolute; top:15px; right:15px; color:#999; font-size:14px; font-weight:normal; }

.menu {width:100%; padding:0px 15px; float:left; }
.menu_cate {}
.menu_cate li ul { font-size:18px; }
.menu_cate li ul.off {background-image:url(../../../img/common/select_bg.png); background-position:right; background-repeat:no-repeat; background-size:20px; line-height:55px; border-bottom:1px solid #ddd; padding-left:10px; color:#000; }
.menu_cate li ul.on {background-image:url(../../../img/common/select_02_bg.png); background-position:right; background-repeat:no-repeat; background-size:20px; line-height:55px; border-bottom:1px solid #ddd; padding-left:10px; color:#002157; }
.menu_cate li ul.list {background-color:#f5f5f5; position:relative; }

.menu_info {width:100%; height:100px; padding:10px; border-bottom:1px solid #fff; }
.menu_info ul.text {padding-top:15px; font-size:18px; color:#000; font-weight:bold; }
.menu_info ul.text span {font-size:16px; color:#666; line-height:200%; font-weight:normal; }
.menu_info ul.img {width:80px; position:absolute; right:10px; top:10px; }

/* 로고 텍스트 컬러버전 */
 .logo_text {
   font-weight:bold; 
 }
 .logo_text_01 { color:#1dcec8; font-weight:bold; 
  text-emphasis-style: dot; 
   text-emphasis-position: over left; 
   -webkit-text-emphasis-style: dot; 
   -webkit-text-emphasis-position: over; }
 .logo_text_02 { color:#1dcec8; font-weight:bold; 
  text-emphasis-style: dot; 
   text-emphasis-position: over left; 
   -webkit-text-emphasis-style: dot; 
   -webkit-text-emphasis-position: over; }
 .logo_text_03 { color:#ffce00; font-weight:bold; }


/* 개인정보취급방침, 약관 CSS */
.etc {width:100%; padding:0px 15px; }
.etc textarea { width:100%; border:1px solid #ddd; border-radius:5px; height:calc(100vh - 140px); padding:20px;  background-color:#f5f5f5; line-height:160%; }


.my_sns {width:100%; float:left; text-align:center; display: flex; justify-content: space-evenly; padding:30px 0; }
.my_sns p { text-align:center; margin-bottom:20px; color:#666; font-size:14px; position:absolute; top: 50px;}
.my_sns a {width:60px; height:60px; border-radius:50%; color:#fff; position:relative; display:inline-block;}
.my_sns a i { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:38px;}
.my_sns img {width:60px; margin:0px 10px; }


/** 마이페이지 **/

.my_wrap { background-color:#fff;}
.my_wrap .con_section { background-color:#fff;}


.my_profile {width:100%; float:left; position:relative;}

/* 회원 프로필 이미지 있는 마이페이지 
.my_profile .my_img {width:70px; height:70px; border-radius:50%;background-color:#fff;}
.my_profile .my_img img {width:100%; border-radius:50%; border:3px solid #2e3192;}

.my_profile .my_info {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; padding-left:80px; display:flex; justify-content: space-between; align-items: center;}
*/

/* 회원 프로필 이미지 없는 마이페이지 */
.my_profile .my_img { display:none;}
.my_profile .my_info {width:100%; float:left; display:flex; justify-content: space-between; align-items: center; min-height: 45px;}

.my_profile .my_info .my_name {font-size:18px; color:#000; font-weight:600;}
.my_profile .my_info .my_name strong { display:block; margin-bottom:4px;}
.my_profile .my_info .my_name .my_id {font-size:14px; color:#686868; font-weight:500;}
.my_profile .my_info .my_name .my_edit { padding:4px !important; margin-right:6px; margin-top:3px; min-width:55px; text-align:center;}

.my_profile .my_info .my_level {font-size:12px; color:#fff; padding:6px 10px; background-color:#000; border-radius:50px;}

.my_profile .my_info .my_edit { color:#000; border:1px solid #000; border-radius:4px; font-size:13px; padding:4px 4px 4px 8px; font-weight:700; display:inline-block;}
.my_profile .my_info .my_edit i { font-size:12px; vertical-align:0px;}
.my_profile .my_info .my_edit img { width:10px; opacity:.5;}

.level_info {width:100%; float:left; position:relative; display:flex; justify-content: space-between; padding: 10px 20px; border-radius:6px; background-color: #fff;}
/*.level_info:after { content:''; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1px; height:calc(100% - 30px); background-color:rgba(0,0,0,.1); }
.level_info .my_levelup { width:calc(50% - 20px); float:left; font-size:14px; color:#878787; }*/
.level_info .my_levelup { width:100%; float:left; font-size:14px; color:rgba(0,0,0,.8); }
.level_info .my_levelup a {color:#878787;}
.level_info .my_levelup strong {font-size:18px; font-weight:800;}
.level_info .my_levelup span { vertical-align: -2px; font-weight:600;}
.level_info .my_levelup p { float:right;font-weight: 500;  font-size:16px; color:#946bf6;}
.level_info .my_levelup p img { height: 22px; display:inline-block; margin-left:6px;}
.level_info .my_levelup p span {/*color: #13be60;*/ font-weight: 700; vertical-align: 0px;}

.level_info .levle_banner {background-color:#e64363; padding:10px 0; border-radius:6px; color:#fff; font-size:15px; font-weight:700; text-align:center; margin-top:15px;}
.level_info .levle_banner img {height:12px; display:inline-block; margin-right:4px;}


.my_menu {width:100%; float:left;display: flex; flex-flow: row wrap; justify-content: space-between; text-align:center; font-size:14px; color:#656565; font-weight:500; margin-top:5px;}
.my_menu .my_menu_item {width: calc(33.3333% - 20px);}
.my_menu .my_menu_item .my_menu_icon {width:100%; max-width:100px; margin:0 auto;  position:relative;/*margin:0 10%;*/}
.my_menu .my_menu_item .my_menu_icon::before { content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:70%; height:0; padding-top:70%; border-radius:50%; background-color:#f5f5f5; z-index:0;}
.my_menu .my_menu_item .my_menu_icon img {width:70%; max-width:100px; padding:16px; margin-bottom:10px; position:relative; z-index:1;}
.my_menu .my_menu_item .my_menu_text { color:#323232;}

.my_menu_list { position:relative; padding:0 0 0px !important; z-index:1;}
.my_menu_list::before { content:''; position:relative; width:100%; height:20px; border-radius:10px 10px 0 0; display: block; background: #fff;}
.my_menu_list::after { content:''; position:absolute; top:0; left:0; width:100%; height:50px; background-color:#f5f5f5; z-index:-1;}
.my_menu_list .set_div { position:relative; z-index:1; background-color:#fff; }
.my_menu_list .set_div:nth-child(1) { padding-top:0;}
.my_menu_list .set_div:last-child { border-bottom:none;}



.my_logout {width:100%; float:left; padding:15px; text-align:center; border:1px solid #333; border-radius:6px; font-size:16px; background-color:#454545; color:#fff; font-weight:600;}

.my_menu_02 { display:flex; justify-content: space-evenly; margin-top:15px; font-size:14px; color:#ddd;}
.my_menu_02 a {font-weight:600; color:#000;}


/*** 앱설정 CSS ***/


.set_div { width:100%; float:left; border-bottom:6px solid #f8f8f8; padding:10px 0;}
/*.set_div:last-child { border-bottom:none;}*/


.set_div li {width:100%; float:left; line-height: 45px; background-position: 20px; background-repeat: no-repeat; background-size: 18px; padding:0 20px 0 60px; font-size: 16px; position:relative; font-weight:500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.set_div li:after {content: "\e93e"; font-family: 'xeicon' !important; font-weight: 900; margin-right: 10px; position:absolute; right: 10px; top: 50%; transform: translateY(-50%); opacity:.3;}

.set_div li.dis_none:after { display:none;}

.set_div li.leave a { color:#13be60;}
.set_div li.leave:after { color:#13be60; opacity:1;}
 
.set_div li a { display:block;}

.set_div li.text_item:after { display:none;} /* 앱정보 등 페이지이동 메뉴가 아닐 경우 사용 */
.set_div li.text_item span { float:right; color:#656565;}

.set_div .switch {  position: absolute !important; right: 20px !important; top: 50% !important; transform: translateY(-50%) !important;}

.set_div .set_div_banner {width:100%; float:left; border-radius:10px; padding: 10px 20px;}
.set_div .set_div_banner img {width:100%; border-radius:10px; }


/*  자주가는 장소 CSS */
.my_bookmark {}
.my_bookmark li.name {font-size:16px; color:#666; padding-top:8px; }
.my_bookmark li.name i { vertical-align:-1px; }
.my_bookmark li.name span {color:#002157; font-weight:600; margin-left:0px; }
.my_bookmark li.address { width:calc(100% - 60px); font-size:14px; color:#999; padding-bottom:5px; padding-left:0px; line-height:130%; }

.my_bookmark li.btn {position:absolute; right:0px; top:28px; font-size:16px; text-align:center; }
.my_bookmark li.btn input[type=submit] {height:50px; width:50px; line-height:34px; border-radius:5px; background-color:#FFF; box-shadow:none; }
.my_bookmark li.btn input[type=submit].btn_del {border:1px solid #999; color:#999; }
.my_bookmark li.btn input[type=submit].btn_add { border:1px solid #fcab35; color:#ff9800; }





/****** 지도 공통 CSS ******/

/* 지도 위 위치 표시 */
.map_div {width:100%; float:left; position:relative; }

/* 지도 위 위치 표시 : 위치표시 말풍선*/
.spot {position:absolute; width:auto; height:45px; background-position: center bottom; background-repeat:no-repeat; background-size:8px; text-align:center; font-weight:600; }
.spot ul {display:inline-block; border-radius:5px; box-sizing:border-box; color:#FFF; font-size:14px;  line-height:20px; padding:2px 8px; border-width:1px; border-style:solid; }

/* 지도 위 위치 표시 : 위치표시 말풍선 : 출발지 */
.spot_start { top:20%; left:70%;  background-image:url(../../../img/call/route_icon_01_bg.png); }
.spot_start ul{background-color:#2e3192; border-color:#1e2186; }

/* 지도 위 위치 표시 : 위치표시 말풍선 : 도착지 */
.spot_end { top:60%; left:20%;  background-image:url(../../../img/call/route_icon_02_bg.png); }
.spot_end ul{background-color:#e56b5a; border-color:#c64937; }

/* 지도 위 출발, 도착지 표시 */
.spot_tip {width:90%; left:5%; top:10px; border-radius:100px; height:40px; line-height:40px; position:absolute; background-color:#FFF; text-align:center; }
.spot_tip ul { float:left; width:45%; }
.spot_tip ul.i { width:10% !important; }
.spot_tip ul i {color:#999; vertical-align:-2px; }



/* 빈공간 간격 */
.blank_01 {width:100%; float:left; background-color:#f5f6f7; -webkit-box-shadow:0x -2px 4px rgba(0,0,0,.2) inset; -moz-box-shadow:0px -2px 4px rgba(0,0,0,.2) inset; box-shadow:0px -2px 4px rgba(0,0,0,.2) inset;  padding-top:10px; -webkit-box-shadow:0x 2px 4px rgba(0,0,0,.2) inset; -moz-box-shadow:0px 2px 10px rgba(0,0,0,.2) inset; box-shadow:0px 2px 10px rgba(0,0,0,.2) inset; }

.blank_02 {width:100%; float:left; background-color:#f5f6f7; -webkit-box-shadow:0x -2px 4px rgba(0,0,0,.2) inset; -moz-box-shadow:0px -2px 4px rgba(0,0,0,.2) inset; box-shadow:0px -2px 4px rgba(0,0,0,.2) inset;  padding-top:10px; -webkit-box-shadow:0x 2px 4px rgba(0,0,0,.2) inset; -moz-box-shadow:0px 2px 10px rgba(0,0,0,.2) inset; box-shadow:0px 2px 10px rgba(0,0,0,.2) inset; }



/****** call/route ******/

/* 루트 검색 */
.route_div {width:100%; float:left; font-size:16px; }

#distance_div {width:100%; float:left; padding:0px 0px 40px; }

.bottom_div {position:fixed; bottom:0; left:0; width:100%; font-size:16px; }
.bottom_div .route_start.route_text { padding: 20px 20px 75px; font-size:16px; display: flex; justify-content: flex-start; align-items: center;}

.bottom_div .route_start.route_text .route_text_icon {width:45px; height:45px; border-radius:50%; background-color:#c4c4c4; text-align:center; margin-right:10px;}
.bottom_div .route_start.route_text .route_text_icon img {width:30px; margin-top:7px;}
.bottom_div .route_start.route_text .route_text_con { width:calc(100% - 45px); color:#868686;}

.bottom_div .route_start.route_text .route_text_con p { font-weight:500; margin-bottom:2px; color:#000;}
.bottom_div .route_start.route_text .route_text_con strong { color:#6942f5;}

.bottom_div .route_start.route_text .route_text_con #view_ji { font-size:13px;} 

/* 루트 검색 : 현재위치 */
.here {width:100%; float:left; position:relative; }
.here li {position:absolute; display:inline-block; right:15px; width:80px; height:36px; text-align:center; border-radius:100px; background-color:#FFF; line-height:34px; font-size:12px; color:#777;     min-width: 200px !important;}
.here li img {width:20px; margin-left:3px; }

/* 루트 검색 : 출발지 선택 */
.route_start {width:100%; float:left; padding:15px 15px 0px 15px; position:relative; border-radius:10px 10px 0px 0px; background-color:#FFF; margin-top:50px; }

/* 루트 검색 : 도착지 선택 */
.route_end {width:100%; float:left; padding:0px 15px 10px 15px; position:relative; background-color:#FFF; }

/* 루트 검색 :  상세품목 입력창 */
.route_item {width:100%; float:left; padding:5px 15px; position:relative; background-color:#FFF; border-top:1px solid #ddd; }

/* 루트 검색 : 중간 간격 */
.route_blank {width:100%; float:left; padding:0px 15px; height:20px; position:relative; background-color:#FFF; }
.route_blank li {position:absolute; top:0; left:15px; background-color:#FFF; width:30px; text-align:center; font-size:20px; color:#b5b5b5; }
.route_blank li.img img { width:2px; margin-top:-6px; }
.route_blank li.line {background-color:#f1f1f1; width:calc(100% - 75px); height:1px; margin:9px 0px 0px 30px; }

.route_map_input input[type=text] {background-color: #f5f5f5 !important;}


/* 루트 출발지/도착지 입력창 : 위치 텍스트 앞 아이콘 */
.input_dot {position:absolute; left:15; top:35px; background-color:#FFF; width:30px; text-align:center; }
.input_dot ul {width:10px; height:10px; border-radius:50%; }
.input_dot ul.start { background-color:#FFF; border:2px solid #2e3192; box-sizing:border-box; margin:0 auto; }
.input_dot ul.start_fix { background-color:#2e3192; border:2px solid #2e3192; box-sizing:border-box; margin:0 auto; -webkit-box-shadow:2px 2px 4px rgba(0,0,0,.2) inset; 
   -moz-box-shadow:2px 2px 4px rgba(0,0,0,.2) inset; 
   box-shadow:2px 2px 4px rgba(0,0,0,.2) inset; 	}
.input_dot ul.end {background-color:#e56b5a; margin:-17px auto 0; }
.input_dot ul.item { background-color:#FFF; border:2px solid #fcb040; box-sizing:border-box; margin:-5px auto; }

/* 루트 출발지/도착지 입력창 : 위치 텍스트 */
.input_spot {line-height:30px; color:#454545; position:relative; }

.input_spot input[type=text] { background-color:#fff !important; box-shadow:none !important; height:30px; padding:0; width:100%; font-size:16px; font-weight:500; }

.input_spot textarea { resize:none; overflow: hidden; width: 100%; font-size:18px; font-weight:800; padding:10px 0; line-height:1.6; min-height:50px; border:none; }
.input_spot textarea::-webkit-input-placeholder,
.input_spot textarea::-moz-placeholder,
.input_spot textarea::placeholder { font-weight:400 !important; }

.input_spot i { position:absolute; right:0; top:12px; font-size:16px; color:#999; width:30px; height:30px; line-height:30px; border-radius:50%; background-color:#f5f5f5; text-align:center;}

input[type=text]::-webkit-input-placeholder,
input[type=text]::-moz-placeholder,
input[type=text]::placeholder,
textarea::-webkit-input-placeholder,
textarea::-moz-placeholder,
textarea::placeholder { font-weight:400 !important; }

/*.input_spot textarea::placeholder { font-weight:700;}*/


.input_spot #start_txt,
.input_spot #end_txt { padding-right:30px;}

.input_spot span { position:absolute; left:70px; }

.input_spot span input[type=text] {width:calc(100% - 55px); height:40px; border:none; font-size:16px; }
.input_spot span.after {color:#000; }
.input_spot span.before {color:#000; }

/* 루트 배송품목 입력창 : 위치 텍스트 */
.input_item {padding-left:30px; line-height:40px; color:#454545; position:relative; }
.input_item span { position:absolute; left:70px; }

.input_item span input[type=text] {height:40px; font-size:16px; width:calc(100% - 115px); box-shadow:none; border:1px solid #ccc !important; background-color:#FFF !important; }

/* 루트 배송 예상시간 */
.route_time {width:100%; float:left; padding:15px 20px; text-align:left; border-top:1px solid #ddd; background-color:#fff; position:fixed; bottom:60px; left:0; z-index:9;  font-weight:800; display: flex;  justify-content: space-between; align-items: center;}
.route_time span {}
.route_time .route_place { font-size:22px; color:#f86270; float:right; display:inline-block;}

.route_time.price_info {background-image: url(../../../img/common/icon_time.png);
    background-position: 20px 14px;
    background-repeat: no-repeat;
    background-size: 24px;
    line-height: 24px;
    padding-left: 58px;
    font-size: 16px;
	padding-bottom: 50px;}
	
.route_time.price_info .price_info_text { position:absolute; left:0; bottom:0px; width:100%; padding:0 20px 10px; font-size:14px; color:#2e3192; font-weight:500; text-align:center;}
.route_time.price_info .price_info_text i { font-size:16px; vertical-align:-2px;}

.route_time .price_wrap { display:inline-block;}

/* 루트 경로입력 페이지 [다음] 버튼 */
.route_next_btn {width:100%; float:left; background-color:#002157; text-align:center; line-height:60px; color:#fff; font-size:20px; font-weight:600; position:fixed; bottom:0; left:0; z-index:9; }
.route_next_btn span {color:#ffd834; }





/****** call/route_search ******/

.loca_input {width:100%; float:left; padding:15px; border-radius: 16px; border:1px solid #ddd; background-color:#f8f8f8; margin-bottom:15px; }
.loca_input ul {width:100%; position:relative; float:left; }
.loca_input ul span {position:absolute; top:10px; left:0px; }
.loca_input ul span i {font-size:22px; }
.loca_input ul.loca_01 {}
.loca_input ul.loca_01 input[type=text] {width:80%; padding-left:0px; font-size:16px;
	resize: none;
    overflow: hidden;
    width: 100%;
    line-height: 1.6;
    min-height: 40px;
	background-color:transparent;
} 
.loca_input ul.loca_02 {margin-top:5px; }
.loca_input ul.loca_02 input[type=submit],input[type=button] {position:absolute; top:0px; right:0px; width:18%; height:40px; border-radius:5px; background-color:#F90; text-align:center; color:#FFF; font-size:16px; font-weight:600; box-shadow:none; }
.loca_input ul.loca_02 input[type=text] {width:100%; padding-left:45px; height:40px; font-size:16px; }
.loca_input ul.bookmark {width:100%; position:relative; float:left; padding:10px 0px 0px 0px; text-align:left; font-size:16px; }
.loca_input ul.bookmark li.item {float:left; width:48%; }
.loca_input ul.bookmark li.item /*(i {font-size:18px; vertical-align:-2px; color:#999; }*/
.loca_input ul.bookmark li.line {float:left; margin:5px 0.8% 0; width:1px; height:16px; background-color:#ddd; }

.loca_list {width:calc(100% + 30px); float:left; margin-left:-15px; overflow:hidden !important; position:relative; }
.loca_list ul {width:100%; float:left; padding:15px; position:relative; }

.loca_list ul li.loca_info { width: 100%; padding-bottom: 15px; padding-left: 36px; border-bottom: 1px solid #eee; position: relative; display: flex; justify-content: space-between; align-items: center; font-size:16px; color:#002157; font-weight:600; line-height:1.8; padding-top:0; padding-bottom:4px; }

.loca_list ul li.loca_info .btn_del { background-color:#fff; border:none; height:30px; width:30px; margin-left:15px; position:relative; background-image:url(../../../img/close_btn.png); background-repeat:no-repeat; background-position:center;}

.loca_list ul li.loca_info .loca_name { font-size:16px; color:#002157; font-weight:600; padding-top:0; padding-bottom:4px; }

.loca_list ul li.loca_info p {padding-top:2px; font-size:14px; line-height:1.2; color:#999; font-weight: 400; }
.loca_list ul li.loca_info p .point {display:inline-block; margin-right:4px; font-weight:600;}


.loca_list ul li.loca_info i {position:absolute; left:0; top:calc(50% - 7px);  transform:translateY(-50%); font-size:24px; color:#ccc;}
.loca_list ul li.loca_info i.xi-bookmark { color:#946bf6;}

.loca_list ul li.loca_btn {position:absolute; right:10px; top:15px; height:40px; line-height:40px; width:50px; font-size:16px; text-align:center !important; border:1px solid #999; color:#999; border-radius:5px;}
.loca_list ul li.loca_btn a {height:50px; width:50px; line-height:50px;  background-color:#FFF; box-shadow:none; }


/* 검색방법 안내 */
.loca_guide { width:calc(100% - 0px); float:left; border-radius:10px; background-color:#f8f8f8; margin:0px;  border:1px solid #eee; }
.loca_guide ul.title {font-size:16px; font-weight:800; padding:10px 15px 5px; color:#1dcec8; }
.loca_guide ul.title span {}
.loca_guide ul.title span i { font-size:18px; vertical-align:-2px; }

.loca_guide ul.noti {font-size:14px; color:#666; line-height:140%; padding:10px 15px 5px; background-color:#f9f9f9; }
.loca_guide ul.noti li {margin-bottom:5px; margin-left:20px; padding-right:10px; position:relative; width:calc(100% - 10px); }
.loca_guide ul.noti li span { position:absolute; left:-20px; top:0px; }
.loca_guide ul.noti li span i { font-size:16px; vertical-align:-3px; }

.loca_guide ul.text {font-size:14px; color:#666; line-height:140%; margin-left:10px !important; border-bottom:none; padding:10px 15px; }
.loca_guide ul.text li {margin-bottom:5px; list-style-type:decimal;  margin-left:10px; padding-right:10px; }
.loca_guide ul.text li span.btn_01 { border-radius:5px; background-color:#ff9900; color:#fff; font-weight:600; padding:2px 5px; }
.loca_guide ul.text li span.btn_02 { border-radius:0px; background-color:#002157; color:#fff; font-weight:600; padding:2px 12px; }

/*
.my_bookmark li.name {font-size:16px; color:#666; padding-top:8px; }
.my_bookmark li.name i { vertical-align:-1px; }
.my_bookmark li.name span {color:#002157; font-weight:600; margin-left:0px; }
.my_bookmark li.address { width:calc(100% - 60px); font-size:14px; color:#999; padding-bottom:5px; padding-left:0px; line-height:130%; }

.my_bookmark li.btn {position:absolute; right:0px; top:28px; font-size:16px; text-align:center; }
.my_bookmark li.btn input[type=submit] {height:50px; width:50px; line-height:34px; border-radius:5px; background-color:#FFF; box-shadow:none; }
.my_bookmark li.btn input[type=submit].btn_del {border:1px solid #999; color:#999; }
.my_bookmark li.btn input[type=submit].btn_add { border:1px solid #fcab35; color:#ff9800; }
*/


/****** call/pay_type ******/

/* 요금선택 리스트 */
.pay {width:100%; float:left; padding:15px 10px; height:75px; position:relative; border-bottom:1px solid #ddd; background-color:#fff; }
.pay_p {border-radius:0px; margin-top:50px; background-color:#f1f5fe !important; } /* 추천요금 CSS */

/* 요금선택 리스트 : 배송수단 아이콘 */
.pay li.icon {width:70px; float:left; }
.pay li.icon img {width:50px; margin-left:10px;}

/* 요금선택 리스트 : 요금 텍스트 */
.pay li.text {width:calc(100% - 70px); float:right; font-size:18px; font-weight:600; color:#000; line-height:130%; margin-top:2px; }
.pay li.text span { padding-left:5px; } /* 요금안내 */
.pay li.text span.g {color:#666; } /* 일반요금 */
.pay li.text span.p {color:#e56b5a; } /* 추천요금 */
.pay li.text span.express {font-size:14px; font-weight:400; padding-left:3px !important; }/* 타지역 탁송 */
.pay li.text p {font-size:14px; font-weight:400; color:#999; } /* 안내 텍스트 */

/* 요금선택 리스트 하단 : 안내 텍스트 */
.bottom_etc { width:100%; float:left; background-color:#333; padding:5px 15px; position:relative; font-size:14px; color:#ddd; } 
.bottom_etc i {font-size:16px; vertical-align:-2px; }

/* 추천요금 말풍선 */
.pay_tip {position:absolute; width:200px; height:100px; left:10px; top:-20px; background-image:url(../../../img/common/call_pay_noti.png); background-image:; background-position:left top; background-repeat:no-repeat; background-size:200px; color:#fff; font-size:13px; line-height:35px; z-index:1; }
.pay_tip span {padding-left:42px; }




/****** call/delivery_info.php ******/

.gray_page {width:100%; float:left; background-color:#f5f5f5; } /* 배경이 그레이인 페이지 */

.page_top_noti {width:100%; float:left; padding:15px; text-align:left; line-height:130%; color:#999; } /* 상단 참고문구 */
.page_top_noti p { padding-top:5px; word-break:keep-all; background-image:url(../../../img/common/dot_01.png); background-position:left 11px; background-repeat:no-repeat; padding-left:10px; }

/* 배송정보 내용 DIV */
.gray_con {width:100%; float:left; padding:10px 0px; font-size:16px; border-bottom:1px solid #ddd; background-color:#FFF; position:relative; color:#454545; }

/* 배송정보 내용 : 영역 타이틀 */
.gray_con ul.title {width:100%; position:relative; float:left; font-size:16px; font-weight:800; color:#1dcec8; padding:00px 15px;  line-height:30px; }

/* 배송정보 내용 : 내용이 텍스트일 때 */
.gray_con ul.text {width:100%; position:relative; float:left; padding:5px 15px; line-height:20px; }
.gray_con ul.text li.subject {float:left; width:75px; }
.gray_con ul.text li.substance {float:left; width:calc(100% - 75px); font-weight:600; color:#000; }
.gray_con ul.text li.substance span { font-size:14px; color:#666; line-height:16px; }
.gray_con ul.text li.substance span.icon {padding:2px 8px; border-radius:50px; background-color:#8560a8; color:#FFF; font-size:14px; font-weight:400px; margin-left:2px; }

/* 배송정보 내용 : Input Type [Text] */
.gray_con ul.input {width:100%; position:relative; float:left; padding:10px 15px 0px 15px; }
.gray_con ul.input:last-child {padding:10px 15px 10px 15px; }
.gray_con ul.input span {font-size:16px; position:absolute; left:20px; line-height:40px; }
.gray_con ul.input input[type=text] {width:100%; padding-left:75px; height:40px; border:none; font-size:16px; font-weight:600; }
.gray_con ul.input p {padding:5px 10px; border:1px solid #ddd !important; background-color:#FFF !important; box-shadow:none; border-radius:5px; margin-bottom:0px; }


.substance_info {font-size:16px; font-weight:400 !important;}
.substance_info dl {display:flex; justify-content: space-between; align-items: flex-start; border-top:1px solid #eee; padding-top:15px; margin-top:15px;}
.substance_info dl:nth-child(1) { border-top:none; padding-top: 0; margin-top: 0;}
.substance_info dl.dl01 { padding-top:0; margin-top:0; border-top:none;}
.substance_info dl.dl_driver {line-height:30px;}
.substance_info dl.dl_driver dt {font-weight:700;}
.substance_info dl dt {font-weight:600;display:flex; justify-content: flex-start; align-items: center;}
.substance_info dl dt .driver_img {display:inline-block; width:30px; height:30px; line-height:0; background-image:url(../../../img/common/ver.png); background-size:90%; background-position:center; border-radius:50%; margin-right:4px; vertical-align: -9px; box-shadow: 0px 0px 5px rgba(0,0,0,.1); margin-right:8px;}
.substance_info dl dt .driver_info { display:inline-block; }
.substance_info dl dt .driver_info a { color:#454545;}
.substance_info dl dd {color: #946bf6; text-align: right; padding-left: 15px;}
.substance_info dl dd .driver_map_btn {background-color:#ec7883; border-radius:50px; color:#fff; font-weight:500; display:inline-block; padding:0 8px; text-align:center;}
.substance_info dl dd  span { color:#555;}
.substance_info dl dd i { font-size:26px; color:#2e3192;}

.substance_info p {font-size:14px; color:#585858; margin-top:2px; line-height:1.6;}

.substance_box {width:100%; float:left; border:1px solid #eee; border-radius:6px; font-size:16px; color:#000; display:flex; flex-wrap: wrap; justify-content: space-between; padding:10px 15px; margin-top:15px; font-weight:600;}
.substance_box p:nth-child(2) { text-align:right;}
.substance_box p span { display:inline-block;}

.substance_box .gray_con { padding-bottom:10px !important;}

/* 배송옵션 */

.d_option {width:100%; float:left; font-size:16px;}
.d_option h3 {font-size:16px; margin-bottom:15px;}

.d_option .d_option_wrap {width:100%; float:left;}

.d_option .d_line { margin:5px 0; display:flex; justify-content: space-between;} /* 라디오, 체크 버튼 등 한줄로 나열 */
.d_option .d_line .d_line_item {width:100%;}
.d_option .d_line .d_line_item_auto { width:auto; min-width:60px;}
.d_option .d_line .d_line_item .s_text { font-size:13px; color:#898989; display:inline-block; }

.d_option .d_line_table { justify-content: flex-start !important;}
.d_option .d_line_table .d_line_item:nth-child(1) { width:100px;}

.d_option .d_guide { font-size:12px; color:#999;}
.d_option .d_guide .s_text::before { content:'/'; display:inline-block; padding:0 3px;}
.d_option .d_guide .s_text:nth-child(1)::before { display:none;}

.d_option .d_guide #v1,
.d_option .d_guide #v2,
.d_option .d_guide #v3,
.d_option .d_guide #v4,
.d_option .d_guide #v5 { display:none !important;}

.d_option .d_dl {width:100%; float:left; color:#353535; position:relative; border-top:1px solid #eee; margin-top:10px;}
.d_option .d_dl dl {display:flex; justify-content: space-between; width:100%; float:left;line-height:50px; border-bottom:1px solid #eee;}
.d_option .d_dl dl:last-child { border-bottom:none;}
.d_option .d_dl dt {}
.d_option .d_dl dd {}
.d_option .d_dl input[type=time] {width:130px !important; height:50px; color:#868686; text-align:right;}

.d_option .d_time { padding-left:30px;}
.d_option .d_time .d_time_icon { position:absolute; left:0; top:15px; font-size:20px; color:#a5a5a5; font-weight:lighter; }

.d_option input[type=datetime-local],
.d_option input[type=text],
.d_option select {width:100%; height:40px; border:1px solid #ddd; padding:0 10px; border-radius: 4px; background-color:#fff; font-size:16px; color:#353535;} 

.d_option input[type=datetime-local] { min-width:190px; appearance: none; -moz-appearance: none; -webkit-appearance: none; text-align:right;}

/****** history/list.php ******/
.history_page {width:100%; height:100%; min-height:calc(100vh - 20px); padding:10px 0 60px 0 ; float:left; } /* 배경이 그레이인 페이지 */

.history_page .order_cancel {background-color: rgba(0,0,0,.15); padding: 6px 20px 8px; border-radius: 30px; color: #FFF; font-size: 16px; line-height: 20px; border: none;} /* 주문취소 */

.history_top_noti {width:100%; float:left; ptext-align:left; line-height:130%; color:#999; margin-bottom:15px; } /* 상단 참고문구 */
.history_top_noti p { padding-top:5px; word-break:keep-all; background-image:url(../../../img/common/dot_01.png); background-position:left 11px; background-repeat:no-repeat; padding-left:10px; }


.history_list {width:100%; position:relative; float:left; text-align:center; color:#FFF; font-size:26px; font-weight:600; border-radius:10px 10px 0px 0px; }
.history_list ul.state {padding:25px 15px 10px; /*border-bottom:1px dashed;*/ }
.history_list ul.date {padding:0px 15px 15px; font-size:14px; font-weight:400; line-height:24x; color:rgba(255,255,255,1);  /*border-top:1px dashed;*/ }
.history_list ul.date span { display:inline-block; padding:5px 15px; border-radius:50px; background-color:rgba(255,255,255,.15); display:inline-block;}

.new {background-color:#2e3192; }

.new ul.state { border-color:rgba(0,0,0,.9); }
.new ul.state li { }

.new ul.date { border-color:rgba(255,255,255,.2); }
.old {background-color:#a5a5a5 !important;}
.old ul.state {border-color:rgba(0,0,0,.2); }
.old ul.date { border-color:rgba(255,255,255,.2); }

.history_bottom.old {background-color:#eee !important;}
.history_bottom.new {background-color:#f8e9da !important;}


/* 이력 내용 DIV */
.history_con {width:100%; float:left; padding:20px; font-size:16px; background-color:#FFF; position:relative; color:#454545; border-radius:0px 0px 10px 10px; border-top:none;}
.history_con h3 {font-size: 16px; color:#000; margin-bottom:10px; font-weight:600;}
.history_con .history_con_line { float: left; width: calc(100% + 40px); margin: 15px 0 15px -20px; height: 1px; background-color: #eee;}

.history_con ul.btn {width:100%; position:relative; float:left; padding:10px 0 0; text-align:center; height: auto; line-height: normal;}
.history_con ul.btn li {font-size:14px; color:#2e3192; margin-top:6px; margin-bottom:10px; padding:0 20px;}

.history_con ul.btn li i { font-size:16px; vertical-align:-2px;}


/* 이력 내용 : 내용이 텍스트일 때 */
.history_con ul.text {width:100%; position:relative; float:left; padding:2px 0px 5px 0px; min-height:32px; }
.history_con ul.text li.subject {float:left; width:90px; line-height:24px; }

.history_con ul.text li.substance {float:left; width:100%; font-weight:600; color:#000; line-height:24px; padding-left:35px; }
.history_con ul.text li.substance p {font-size:14px; color:#555; font-weight:500; line-height:1.4; margin-top:4px; }
.history_con ul.text li.substance p.bold { color:#002157; }
.history_con ul.text li.substance span.slash {font-weight:400; color:#999; padding:0px 3px; }
.history_con ul.text li.substance span.man {color:#000; font-weight:600; }
.history_con ul.text li.substance span.man a {color:#000; font-weight:600; } 
.history_con ul.text li.substance span.man_loca { color:#ec7883; border:1px solid #ec7883; padding:0px 10px; border-radius:50px; float:right; font-weight: 400; font-size:14px;}
.history_con ul.text li.substance span.man_loca a {color:#ec7883;}
.history_con ul.text li.substance button { padding:4px 6px 4px; border-radius:5px; font-size:14px; line-height:16px; color:#666; background-color:#f1f1f1; }

.history_con ul.text li.substance_line { padding-left:0 !important;} /*앞에 원이 없을 경우 */

.history_con ul.blank {position:absolute; left:33px; top:73px; display:none;}
.history_con ul.blank img {width:3px; }


/* 이력 내용 : Input Type [Text] */
.history_con ul.input {width:100%; position:relative; float:left; padding:10px 15px 0px 15px; }
.history_con ul.input:last-child {padding:10px 15px 10px 15px; }
.history_con ul.input span {font-size:16px; position:absolute; left:20px; line-height:40px; }
.history_con ul.input input[type=text] {width:100%; padding-left:90px; height:40px; border:none; font-size:16px; font-weight:600; }

/* 이력 내용 : Input Type [Text] */
.history_con {width:100%; float:left; padding:20px; font-size:16px; background-color:#FFF; position:relative; color:#454545; border-radius:0px; }

/* 이력 하단 : Input Type [Text] */
.history_bottom {width:100%; float:left; padding:15px 20px; font-size:16px; background-color:#f8e9da; position:relative; color:#454545; border-radius:0px 0px 10px 10px; font-weight:700; }
.history_bottom ul.text {width:100%; position:relative; float:left; padding:2px 0px 5px 0px; }
.history_bottom ul.text li.subject {float:left; width:90px; line-height:24px; }
.history_bottom ul.text li.substance {float:left; width:100%; font-weight:700; color:#000; line-height:24px; padding-left:0px; }
.history_bottom ul.text li.substance p { float:right;}

/* 이력 출발지/도착지 입력창 : 위치 텍스트 앞 아이콘 */
.history_dot {position:absolute; left:0; top:7px; background-color:#FFF; width:30px; text-align:center; }
.history_dot ul {width:14px; height:14px; border-radius:50%; }
.history_dot ul.start { background-color:#FFF; border:4px solid #936bf6; box-sizing:border-box; margin:0 auto; position:relative; }
.history_dot ul.start::after {     content: '';
    width: 100%;
    height: 48px;
    background-image: url(../../../img/common/icon_distance_03.png);
    background-size: 2.6px;
    background-position: center;
    position: absolute;
    bottom: -52px;
    left: -1px;
    display: block;
    background-repeat: no-repeat;}
.history_dot ul.end { background-image:url(../../../img/history/end_icon.png); background-position:left; background-repeat:no-repeat; background-size:16px; background-size: 16px; width: 16px; height: 16px; margin: auto;}
.history_dot ul.item { background-color:#FFF; border:2px solid #fcb040; box-sizing:border-box; margin:0px auto; }



/* 이력이 없을 때 DIV */
.list_empty {width:100%; float:left; padding:50px 15px 60px; font-size:18px; font-weight:600; position:relative; color:#454545; border-radius:15px; text-align:center; }
.list_empty ul {}
.list_empty ul li {width:120px; height:120px; padding:15px; color:#000; border-radius:50%; background-color:#f5f5f5; margin:10px auto 30px; }
.list_empty ul li img {width:90px; }



/* mystyle.css */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    left: 0;
    top: 60px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0,0.4); /* Fallback color */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 0; /* 15% from the top and centered */
    padding: 10px 20px 20px;
    width: 100%; height:calc(100% - 60px); /* Could be more or less, depending on screen size */
	position:fixed; top:60px; left:0;
	overflow-y: auto; overflow-x: hidden;
}

@media (max-width: 1060px) {
.modal-content.terms { width: calc(100% - 60px) !important; margin-left: 0;}
}

/* 탁송 모달 */
.modal.send {background-color: rgb(0,0,0,0); /* Fallback color */}
.modal.send .modal-content { top:110px; border-radius: 24px 24px 0 0; height: calc(100% - 110px); padding-top:30px;}

.modal.send .history_dot ul.start::after { height:28px; bottom: -32px;}

/* The Close Button */
.close {
    /*color: #aaa;
    font-size: 28px;*/
    cursor: pointer;
}
.close:hover,
.close:focus {
	/*
    color: black;
	*/
    text-decoration: none;
}

.modal_search_btn { cursor:pointer;}