@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 { margin:0; 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; } */
/* table	 			{ border-collapse:collapse; } */
hr 				{ display:none !important; }

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


/* Page frame */
#page_wrap { width:100%; }
#page_wrap #page_left { float:left; width:49%; }
#page_wrap #page_mid { display:inline-block; position:relative; width:2%; }
#page_wrap #page_right { float:right; width:49%; }


/* Page title */
#page_title {
	display:table;
	background-color:white;
 	height:50px; width:100%;
	border-bottom: 1px solid whitesmoke;
}
#page_title p.page_title_text { float:left; font-size:18px; color:#000; margin:18px 0 0 20px;
	font-weight:600;
}


/* Page (배송요청) */
#page_cont { display:block; position:relative; background-color:#fff; }
#page_cont div.cont_line { border-bottom:1px solid #f3f3f3; vertical-align:middle; padding:10px 20px 5px 10px; }
#page_cont div.cont_line span.cont_bullet {
	display:inline-block; position:relative; vertical-align:middle;
	line-height:2em;
}
#page_cont div.cont_line span.cont_tltle {
	display:inline-block; position:relative; font-size:19px; line-height:2em;
	color: lightslategray;
	font-weight: 400;
}

#page_cont div.cont_line .cont_input { display:block; position:relative; padding:0 0 0 14px; width:100%;  font-size:15px; line-height:2em; }
#page_cont div.cont_line .cont_input ul li span.item {
	display:inline-block; width:65%; font-size:15px; color:dimgray;
	line-height:1em;
	font-weight: 500;
}
#page_cont div.cont_line .cont_input ul li span.item_2 {
	display:inline-block; width:30%; font-size:15px; color:dimgray; line-height:2em;
	font-weight: 500;
}
#page_cont div.cont_line .cont_input ul li span.item_3 {
	display:inline-block; width:18%; font-size:15px; color:dimgray; line-height:2em;
	font-weight: 500;
}

#page_cont div.cont_line .cont_input ul li span.item_ea {
	white-space: nowrap !important;
	font-weight: 500;
	color:dimgray;
	display:inline;
}

#page_cont div.cont_line .cont_input ul li span.cont {
	display:inline-block; font-size:15px; color:#333; line-height:2em; padding-right:7px;
	font-weight: 600;

}
#page_cont div.cont_line .cont_input ul li span.cont_2 {
	display:inline-block; font-size:12px; color:#008eca;
	font-weight: 600;
}
#page_cont div.cont_line .cont_input ul li span.cont_3 {
	display:inline-block;
	font-weight: 600;
}

#page_cont div.cont_line .cont_input ul li span.item span.item_12 {
	font-size:11px;
	color:darkgray;
}

#page_cont div.cont_line div.cont_btn_center { display:table; margin:0 auto; }


/* Page (배송요금 확인 및 결제) */
#page_cont div.cont { display:block; position:relative; border-bottom:1px solid #e5ebf0; padding:10px 10px 10px 10px; }
#page_cont div.cont li.msg { text-align:center; font-size:20px; line-height:2em; }
#page_cont div.cont li.msg2 { text-align:center; font-size:20px; line-height:1.25em; }
#page_cont div.cont li.msg3 { text-align:center; font-size:17px; line-height:1.25em; }
#page_cont div.cont li.msg4 { text-align:center; font-size:15px; line-height:1.25em; }

#page_cont div.cont li.adr { text-align:left; font-size:17px; line-height:1.25em; color:#26a7de;
	font-weight: 600;
}
#page_cont div.cont li.arrow { text-align:center; }
#page_cont div.cont li.pay { text-align:center; font-size:1.5em; line-height:2em; font-weight:600; color:#d3003c; }


/* Form */
.sel_0 { border:1px solid #d6d6d6; height:32px; color:#333; font-size:15px; padding:0px 0px 0px 4px; margin:3px 5px 3px 0; width:100px;}
.sel_1 { border:1px solid #d6d6d6; height:32px; color:#333; font-size:15px; padding:0px 0px 0px 4px; margin:3px 5px 3px 0; width:96%; }
.sel_2 { border:1px solid #d6d6d6; height:32px; color:#333; font-size:15px; padding:0px 0px 0px 8px; margin:3px 0px 3px 0; width:20%; }
.sel_3 { border:1px solid #d6d6d6; height:32px; color:#333; font-size:15px; padding:0px 0px 0px 8px; margin:3px 0px 3px 0; width:15%; min-width:50px}
.sel_4 { border:1px solid #d6d6d6; height:34px; color:#333; font-size:15px; padding:0px 8px 0px 8px; margin:3px 5px 3px 0; width:120px; }
.sel_5 { border:1px solid #d6d6d6; height:28px; color:#333; font-size:15px; padding:0px 8px 0px 8px; margin:3px 5px 3px 0; width:100px; }

.textarea { border:1px solid #d6d6d6; color:#333; font-size:15px; padding:8px; margin:3px 5px 3px 0; line-height:1.5em; width:90%; }
.text_0 { border:1px solid #d6d6d6; height:30px; color:#333; font-size:15px; padding:0px 8px 0px 8px; margin:3px 5px 3px 0; width:90%; }
.text_1 { border:1px solid #d6d6d6; height:30px; color:#333; font-size:15px; padding:0px 8px 0px 8px; margin:3px 5px 3px 0; text-align:center; width:40%; }
.text_2 { border:1px solid #d6d6d6; height:30px; color:#333; font-size:15px; padding:0px 8px 0px 8px; margin:3px 5px 3px 0; width:80%; }
.text_3 { border:1px solid #d6d6d6; height:30px; color:#333; font-size:15px; padding:0px 8px 0px 8px; margin:3px 5px 3px 0; text-align:center; width:80px; }
.text_4 { border:1px solid #d6d6d6; height:30px; color:#333; font-size:15px; padding:0px 8px 0px 8px; margin:3px 5px 3px 0; width:12%; }
.text_5   { border:1px solid #d6d6d6; height:30px; color:#333; font-size:15px; padding:0px 5px 0px 5px; width:10%; }


/* Button div */
#submit		{ display:table; height:100px; width:100%; }
#submit p.btn { display:flex; text-align:center; padding:20px 0 0 0; }

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

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



.subLeft_button { border:1px solid #666; background-image:url(../images/btn_bg_gray2.png); height:50px; max-width:120px; color:#000; font-size:18px !important; 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; }
.prev_button { 
    border: none;
    /* background-image: url(../images/btn_bg_gray2.png); */
    height: 54px;
    width: 100px;
    color: #000;
    font-size: 18px;
    margin: 5px 0px 5px 0px;
    cursor: pointer;
    /* text-shadow: 0px -1px 0px #fff; */
    background: transparent;
    border-radius: 0;
    border-top: 1px solid #595959 !important;
    border-bottom: 1px solid #595959 !important;	
}

.subRight_button { border:1px solid #175787; background-image:url(../images/btn_bg.png); height:50px; max-width:120px; color:#02a0e3; font-size:18px !important; 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; }

/* Contents button */
.contGray_button { border:1px solid #666; background-image:url(../images/btn_bg_cont_gray.png); height:30px; width:58px; color:#000; font-size:15px; margin:4px 0px 4px 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; }

.contBlue_button { border:1px solid #175787; background-color:#f0f0f0; height:36px; width:200px; color:#00447d; font-size:15px; margin:5px 0px 5px 0px; cursor:pointer; }
.contBlue_button:hover { color:#00aeef; text-shadow:0px 0px 0px; border-color:#00aeef; }
.contBlue_button:focus { outline:none; border:1px solid #175787; background-color:#00447d; height:36px; width:200px; color:#b3e8ff; font-size:15px; margin:5px 0px 5px 0px; cursor:pointer; }


/* Pay button */
.pay_button { border:1px solid #175787; background-color:#f0f0f0; height:36px; width:280px; color:#00447d; font-size:18px; margin:3px 0px 3px 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; height:36px; width:280px; color:#b3e8ff; font-size:18px; margin:3px 0px 3px 0px; cursor:pointer; }


/* Popup frame */
#popup { display:table; margin:0 auto; width:540px; height:620px; }
#popup #popup_top { width:540px; height:16px; }
#popup #popup_top p.top_left { position:relative; display:inline-block; float:left; width:16px; height:16px; }
#popup #popup_top p.top_bg { position:relative; display:inline-block; width:508px; height:16px; background-image:url(../images/popup_top.png); height:16px; width:508px; }
#popup #popup_top p.top_right { position:relative; display:inline-block; float:right; width:16px; height:16px; }

#popup #popup_close { width:540px; height:57px; }
#popup #popup_close p.clo_bg_left { position:relative; display:inline-block; background-image:url(../images/popup_left.png); height:57px; width:16px; }
#popup #popup_close p.clo_bg { position:relative; display:inline-block; height:57px; width:440px; }
#popup #popup_close p.clo_ico { position:relative; display:inline-block; height:57px; }
#popup #popup_close p.clo_bg_right { position:relative; display:inline-block; float:right; background-image:url(../images/popup_right.png); height:57px; width:16px; }

#popup#popup_cont { display:table; width:540px; height:531px; }
#popup#popup_cont p.con_bg_left { position:relative; display:table-cell; background-image:url(../images/popup_left.png); width:16px; }
#popup#popup_cont #con_cont { position:relative; display:table-cell; width:502px; }
#popup#popup_cont p.con_bg_right { position:relative; display:table-cell; text-align:right; background-image:url(../images/popup_right.png); width:15px; }

#popup #popup_bottom { width:540px; height:16px; }
#popup #popup_bottom p.bott_left { position:relative; display:inline-block; float:left; width:16px; height:16px; }
#popup #popup_bottom p.bott_bg { position:relative; display:inline-block; width:508px; height:16px; background-image:url(../images/popup_bottom.png); height:16px; width:508px; }
#popup #popup_bottom p.bott_right { position:relative; display:inline-block; float:right; width:16px; height:16px; }


/* Popup Page (신용카드 결제) */
#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; }