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

@font-face {
    font-family: 'Nanum Gothic','NanumGothic';

}

*{
    margin:0;
    padding:0;
}
html	{	height:100%;}

body{
    height:100%;
    font-size:15px;
    font-family:'Malgun Gothic' !important;
    background:#fff;
    -webkit-text-size-adjust:none;

}
ul, ol, li{
    list-style:none;
}
a{
    text-decoration:none;
}
img, fieldset{
    border:none;
}

legend{
    width:0;
    height:0;
    display:none;
}
input, select{
    vertical-align:middle;
}

#m_wrap	{
    padding:0 12px;
    height:100%;
    margin-bottom:-51px;
}

#m_container {
    min-height:80%;
    margin-bottom:-51px;
}

@media all and (max-width:320px) and (max-height:480px)	{
    #m_wrap	{
        padding:0 12px;
        height:100%;
        margin-bottom:0;
    }

    #m_container {
        min-height:80%;
        margin-bottom:0;
    }
}

@media all and (max-width:480px) and (max-height:320px)	{
    #m_wrap	{
        padding:0 12px;
        height:100%;
        margin-bottom:0;
    }

    #m_container {
        min-height:80%;
        margin-bottom:0;
    }
}

@media screen and (max-device-height:800px)	{
    #m_wrap	{
        padding:0 12px;
        height:100%;
        margin-bottom:0;
    }

    #m_container {
        min-height:80%;
        margin-bottom:0;
    }
}

header.m_top {
    display:block;
    padding:7px 0 0 0;
    height:30px;
    overflow:hidden;
    width:100%;
}

header.m_top > h1 {
    float:left;
    height:30px;
    line-height: 0;
}

header.m_top > h1 > img	{
    max-width:100%;
    height:auto;
    max-height:30px;
    line-height: 0;
    vertical-align:top;
}

.paytitle	{clear:both;	display:block;	padding:22px 0 0 0;	height:20px;	margin-bottom:13px;	}
.paytitle>h2	{float:left;	width:200px;	height:23px;	line-height: 0;}
.paytitle>h2>img	{max-width:auto;	height:23px;	line-height: 0;}

/* content */
box	{clear:both;	margin-top:13px;	border-radius:6px; }
.orangebox	{clear:both;	margin-top:13px;	border-radius:6px;	border:1px solid #c84f21;	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f06120), to(#e96125)); }
.orangebox>.glow	{display:block;	width:100%;	background-size:auto 84px!important;	background-size:162px auto	;background:url(../images/glow_orangebox.png) 0 0 no-repeat;	}
.orangebox>.glow>div.productInfo	{clear:both;	padding:10px;}
.orangebox>.glow>div.productInfo>.confirm_fin	{
    text-align:left;
    margin-top:0;
    font-size:14px;
    color:#FFFFFF;
}
.orangebox>.glow>div.productInfo>dl	{position:relative;	clear:both;	top:-7px;}
.orangebox>.glow>div.productInfo>dl:first-child	{top:1px;	margin-bottom:10px;	}
.orangebox>.glow>div.productInfo>dl:nth-child(3)	{top:-5px;	margin-bottom:-6px;	}
.orangebox>.glow>div.productInfo>dl>dt	{
    position:absolute;
    width:57px;
    font-size:14px;
    color:#ffebe3;
}
.orangebox>.glow>div.productInfo>dl>dd	{
    margin-left:70px;
    font-size:14px;
    color:#fff;
    top:-7px;
}
.maininfo	{}
.maininfo>fieldset>ol	{padding:7px 0 9px 0;	border-bottom:1px solid #ebebeb;	}
.maininfo>fieldset>ol>li	{margin-bottom:4px;}
.maininfo>fieldset>ol>li:nth-child(2)	{clear:both;	padding-top:5px;	}
.maininfo>fieldset>ol>li>label	{font-size:14px;	line-height:13px;	color:#868686;}
/* 자동저장 하기 */
.maininfo>fieldset>ol>li>span	{font-size:14px;	color:#868686; float:right; }
.maininfo>fieldset>ol>li>span>label	{ line-height:14px; top:-6px; margin-top:-6px; vertical-align:middle; }

.maininfo>fieldset>ol>li>div	{margin-top:6px;}
.maininfo>fieldset>ol>li>div>input[type=text]	{position:relative;	width:100%;	}
.maininfo>fieldset>ol>li>div>input[type=tel]	{position:relative;	width:100%;	}
.maininfo>fieldset>ol>li>div>input[type=password]	{position:relative;	width:100%;	}
.maininfo>fieldset>ol>li>div>input[type=email]	{position:relative;	width:100%;	}

.buy4meMessage	{line-height:23px;	min-height:69px;	font-size:17px;	 word-break:break-all;	padding:7px 10px;		color:#808080;	background:#fefefe; border:1px solid #d9d9d9;	border-radius:6px;   	-moz-box-sizing: border-box;	-webkit-box-sizing: border-box;	box-sizing: border-box;}
.buy4meOKArea	{}
.buy4meOKArea	{color:#8c8c8c;	font-size:15px;	}
.buy4meOKArea>p	{padding-top:25px;	padding-bottom:45px;	text-align:center;	}
.buy4meOK	{padding:10px 10px 10px 10px;	border:2px solid #e2e2e2;	border-radius:6px;}
.buy4meOK>div.info_fin	{text-align:left;	margin-top:0;	font-size:16px;	color:#ec6526; padding: 10px;}
.buy4meOK>div.confirm_fin	{text-align:left;	margin-top:0;	font-size:14px;	color:#FFFFFF; padding: 10px;}
.buy4meOK>div.ok_fin {
    text-align:left;
    margin-top:0;
    font-size:14px;
    color:#ec6526;
    font-weight:bold;
}
.buy4meOK>div.info_fin>.data	{margin-left:3px;	font-weight:bold;}
.buy4meOK>div.info_fin>.data>strong	{position:relative;	top:3px;font-weight:normal;	font-size:30px;}
.buy4meOK>div.info_fin>.data1	{margin-left:3px;	font-size:14px;}

ok_table{
    text-align:left;
    margin-top:0;
    font-size:16px;
    color:#ec6526;
    padding: 10px;
}

.timelimit	{clear:both;	width:100%;	text-align:right;	font-size:13px;	color:#999;}
.timelimit>strong	{padding-top:1px;	margin-left:3px;	color:#f7650e;	}

.btnArea1	{position:relative;	margin:30px 0 0 0;width:100%;	text-align:center;}

.btn_buy4u	{position:relative;	display:inline-block;	width:146px;	height:39px;	line-height:39px;	font-size:18px;	color:#fff;	border:1px solid #ec6628;	border-radius:6px;	background:-webkit-gradient(linear, 0 0, 0 100%, from(#f88c5a), to(#ec6526)); }

.btn_grey_m	{display:inline-block;	width:146px;	height:39px;	line-height:39px;	font-size:18px;	color:#4b4a48;	border:1px solid #cfcfcf;	border-radius:6px;	background:-webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#f4f4f4)); }

.footer_transportation	{position:relative;	top:-15px;	}

footer	{clear:both;margin-top:14px;	height:37px;}
footer>div>p	{padding-left:6px;	font-size:11px;	color:#8a8a8a;	background-size:5px auto!important; -webkit-background-size: cover;	-moz-background-size: cover;	background-size:cover;	background-attachment:scroll;}


.copyright {
    text-align: center;
    color: #888888;
    padding-top: 15px;
    font-size: 10px;
    background: #d9d9d9;
    height: 30px;
    width: 100%;
}

/* error*/
.errorArea	{padding:25px 20px 28px 20px;	text-align:center;	color:#8c8c8c;	font-size:16px;	border:2px solid #e2e2e2;	border-radius:6px;	}
.errorArea>p	{padding-top:10px;}

.info_error	{display:block;	margin:auto;	margin-top:16px;}
.info_error>.t	{display:block;	font-size:15px;	color:#ec6526;}
.info_error>.t>strong	{font-weight:normal;	font-size:15px;	}
.info_error>.data	{margin-top:4px;	display:block;	font-size:14px;	font-weight:normal;	color:#5c5c5c;	}