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



html, body	{ width:100%; height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select { padding:0; border-spacing:0; }
/* body,input,textarea,select,button,table { font-size:12px; font-family:'나눔고딕','Helvetica Neue'; line-height:1.25em; } */
body 			{ position:relative; background-color:#fff; color:#000; -webkit-text-size-adjust:none; }
img, fieldset	{ border:0; }
ul, ol				{ list-style:none; }
em, address	{ font-style:normal; }
/* a 					{ color:#222; text-decoration:none; } */
a 					{ text-decoration:none;     cursor: pointer;
	font-weight:600 !important;
}
/* table	 			{ border-collapse:collapse; } */
hr 				{ display:none !important; }

/* h1, h2, h3, h4, h5, h6 { font-style:normal; font-size:16px; } */


#container	{ width:100%; }

#search			{ display:table; height:88px; width:100%; }
#search p.btn { display:table-cell; text-align:center; padding:15px 0 0 0; }

#page_title	{ display:table; background-color:#f8f8f8; height:60px; width:100%; }
#page_title p.page_title_text { float:left; font-size:18px; color:#000; margin:22px 0 0 20px; }

#page_cont { display:block; position:relative; background-color:#fff; }
#page_cont div.cont_line { border-bottom:1px solid #e5ebf0; vertical-align:middle; padding:15px 20px 10px 20px; }
#page_cont div.cont_line span.cont_bullet { display:inline-block; position:relative; vertical-align:middle; }
#page_cont div.cont_line span.cont_tltle { display:inline-block; position:relative; font-size:13px; line-height:2.8em; }

#page_cont div.cont_line span.cont_btn { display:inline-block; position:relative; padding:0 0 0 20px; }

#page_cont div.cont_line .cont_input { display:block; position:relative; padding:0 0 0 12px; width:100%;  font-size:13px; line-height:2.8em; }
#page_cont div.cont_line .cont_input .block { display:inline-block; position:relative; }
#page_cont div.cont_line .cont_input .block p.float_left { float:left; padding:0 20px 0 12px; }
#page_cont div.cont_line .cont_input .block p.float_right { float:right; padding:0 0 0 12px; }

#page_cont div.cont { display:block; position:relative; border-bottom:1px solid #e5ebf0; padding:15px 20px 10px 20px; }
#page_cont div.cont li.msg { text-align:center; font-size:20px; line-height:4em; }
#page_cont div.cont li.adr { text-align:center; font-size:17px; line-height:2em; color:#26a7de; }
#page_cont div.cont li.arrow { text-align:center; }
#page_cont div.cont li.pay { text-align:center; font-size:26px; line-height:2em; color:#d3003c; padding:10px 0 0 0; }

#pay		{ display:table; height:100px; width:100%; margin:10px 0 0 0; }
#pay li.btn { text-align:center; padding:4px 0 0 0; }

#submit		{ display:table; height:100px; width:100%; }
#submit p.btn { display:table-cell; text-align:center; padding:25px 0 0 0; }

#submit1		{ display:table; margin-left:auto; margin-right:auto; height:100px;   margin-top:25px; }
#submit1 p.btn_left { float:left; }
#submit1 p.btn_right {margin-left:10px; float:right; }

/* 팝업 */
#popup	{ width:100%; padding:20px; }


/* 최근배송 목록 조회 버튼 */
#search p.btn .search_button { border:1px solid #aaa; background-image:url(../images/btn_bg_gray.png); border-radius:5px; height:48px; width:320px; color:#00447d; font-size:20px; margin:5px 0px 5px 0px; cursor:pointer;  }
#search p.btn .search_button:hover { color:#00aeef; text-shadow:0px 0px 0px; border-color:#00aeef; }
#search p.btn .search_button:focus { outline:none; border-color:#00aeef; }

/* 컨텐츠 내부 버튼 */
.cont_button { border:1px solid #909297; background-color:#20242f; border-radius:5px; height:32px; width:66px; color:#ddd; font-size:13px !important; margin:5px 0px 5px 0px; cursor:pointer; text-shadow:0px -1px 0px #000; }
.cont_button:hover { color:#fff; text-shadow:0px 0px 0px; border-color:#909297; }
.cont_button:focus { outline:none; border-color:#909297; }

.cont_button_1 { border:1px solid #909297; background-color:#20242f; border-radius:5px; height:32px; width:120px; color:#fff; font-size:13px; margin:5px 0px 5px 0px; cursor:pointer; text-shadow:0px -1px 0px #000; }
.cont_button_1:hover { color:#fff; text-shadow:0px 0px 0px; border-color:#909297; }
.cont_button_1:focus { outline:none; border-color:#909297; }

.contGray_button { border:1px solid #666; background-image:url(../images/btn_bg_cont_gray.png); border-radius:5px; height:34px; width:66px; color:#000; font-size:13px; margin:5px 0px 5px 0px; cursor:pointer; text-shadow:0px -1px 0px #fff; }
.contGray_button:hover { color:#000; text-shadow:0px 0px 0px; border-color:#909297; }
.contGray_button:focus { outline:none; border-color:#909297; }

.contGray_button_1 { border:1px solid #666; background-image:url(../images/btn_bg_cont_gray.png); border-radius:5px; height:25px; width:150px; color:#000; font-size:13px; margin:5px 0px 5px 0px; cursor:pointer; text-shadow:0px -1px 0px #fff; }
.contGray_button_1:hover { color:#000; text-shadow:0px 0px 0px; border-color:#909297; }
.contGray_button_1:focus { outline:none; border-color:#909297; }

/* 결제 버튼 */
.pay_button { border:1px solid #175787; background-color:#f0f0f0; border-radius:5px; height:40px; width:280px; color:#00447d; font-size:18px; margin:5px 0px 5px 0px; cursor:pointer; }
.pay_button:hover { color:#00aeef; text-shadow:0px 0px 0px; border-color:#00aeef; }
.pay_button:focus { outline:none; border:1px solid #175787; background-color:#00447d; border-radius:5px; height:40px; width:280px; color:#b3e8ff; font-size:18px; margin:5px 0px 5px 0px; cursor:pointer; }

/* Submit 버튼 */
.submit_button { 
    border: none;
    border-top: 1px solid #02a0e3 !important;
    border-bottom: 1px solid #02a0e3 !important;
    /* background-image: url(../images/btn_bg.png); */
    border-radius: 0;
    height: 54px;
    width: 100%;
    color: #02a0e3;
    font-size: 18px !important;
    margin: 5px 0px 5px 0px;
    cursor: pointer;
    /* text-shadow: 0px -1px 0px #000; */
    font-weight: 500;
    background: transparent;	
}
.submit_button:hover {
	
}
.submit_button:focus { outline:none; border-color:#00aeef; }

.gopay_button { 
	/* border: 1px solid #175787; */
    /* background-image: url(../images/btn_bg.png); */
    border-radius: 0;
    height: 54px;
    width: calc(100% - 105px);
    padding-left: 10px;
    padding-right: 10px;
    color: #02a0e3;
    font-size: 18px;
    font-weight: 500;
    margin: 5px 0px 5px 0px;
    cursor: pointer;
    /* text-shadow: 0px -1px 0px #000; */
    border: none;
    background: transparent;
    border-top: 1px solid #02a0e3 !important;
    border-bottom: 1px solid #02a0e3 !important;
}

.gopay_button:hover {
	
}
.gopay_button:focus { outline:none; border-color:#00aeef; }

.submit_button:disabled { background-image:none; color:graytext; border-radius:5px; height:54px; width:280px;  font-size:18px; margin:5px 0px 5px 0px; cursor:pointer; text-shadow:none; }

.subLeft_button { border:1px solid #666; background-image:url(../images/btn_bg_gray2.png); border-radius:5px; height:54px; width:145px; color:#000; font-size:18px; margin:5px 0px 5px 0px; cursor:pointer; text-shadow:0px -1px 0px #fff; }
.subLeft_button:hover { color:#0072a2; text-shadow:0px 0px 0px; border-color:#008eca; }
.subLeft_button:focus { outline:none; border-color:#008eca; }

.subRight_button { border:1px solid #175787; background-image:url(../images/btn_bg.png); border-radius:5px; height:54px; width:145px; color:#02a0e3; font-size:18px; margin:5px 0px 5px 0px; cursor:pointer; text-shadow:0px -1px 0px #000; }
.subRight_button:hover { color:#fff; text-shadow:0px 0px 0px; border-color:#175787; }
.subRight_button:focus { outline:none; border-color:#00aeef; }

/* Form */
.sel_0 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:98%; }
.sel_1 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:80%; }
.sel_2 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 0px 5px 0; width:15%; }
.sel_3 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:120px; }
.sel_4 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:80px; }
.sel_5 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:60%; }
.sel_6 { border:1px solid #d6d6d6; border-radius:5px; height:25px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:100px; }
.sel_7 { border:1px solid #d6d6d6; border-radius:5px; height:25px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:350px; }
.sel_8 { border:1px solid #d6d6d6; border-radius:5px; height:25px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:200px; }

.textarea { border:1px solid #d6d6d6; border-radius:5px; height:70px; color:#333; font-size:13px; padding:8px; margin:5px 5px 5px 0; width:94%; }

.text_0 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:94%; }
.text_1 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; text-align:center; width:44%; }
.text_2 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; width:76%; }
.text_3 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; text-align:center; width:80px; }
/* .text_4 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 0px 5px 0; width:15%; text-align:center; } */
.text_5 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 0px 5px 0; width:13%; text-align:center; }
.text_6 { border:1px solid #d6d6d6; border-radius:5px; height:25px; color:#333; font-size:13px; padding:0px 8px 0px 8px;
/* 	margin:5px 5px 5px 0;  */
	text-align:center; width:150px;
}
.text_7 { border:1px solid #d6d6d6; border-radius:5px; height:25px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; text-align:center; width:200px; }
.text_8 {
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    height: 25px;
    color: #333;
    font-size: 13px;
    /* padding: 0px 8px 0px 8px; */
    margin: 5px 5px 5px 0;
    text-align: left;
    width: 100%;
    max-width: 500px;
    padding-right: 1px;
    padding-left: 3px;	
}
.text_9 { border:1px solid #d6d6d6; border-radius:5px; height:25px; color:#333; font-size:13px; padding:0px 8px 0px 8px; margin:5px 5px 5px 0; text-align:left; width:100px; }
.text_10 { border:1px solid #d6d6d6; border-radius:5px; height:34px; color:#333; font-size:12px; padding:0px 8px 0px 8px; margin:5px 0px 5px 0; text-align:center; width:19%;min-width: 75px; }
.text_11 { border:1px solid #d6d6d6; height:30px; color:#333; font-size:15px; padding:0px 8px 0px 8px; width:13%; }

.deliveryContent
{
/* 	width:50%; */
/* 	float:left; */
    margin: 0px 7px 0px 7px;	
}


.page_title_desc
{
	   padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 10px;
    font-size: 10px;
    display: inline-block;
}