/************************************************************************
 * 파일명	: warpex_V201705.css
 * 설명		: 기본정의, css import
 * 작성자	: hahaC
 * 작성일	: 2017.05.17
************************************************************************/
@charset 'utf-8';

/*Default set*/
html,body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,fieldset,table,th,td{margin:0;padding:0;font-weight:normal}
body{font-family:'Malgun Gothic','맑은 고딕','돋움',Dotum,'굴림',Gulim,Arial;font-size:12px;line-height:18px;color:#111;word-break:keep-all;background:#f8f8f8;}
input, textarea, select{padding:0;color:#111;vertical-align:middle;}
/*
input[type=text],input[type=file],input[type=password]{border:1px solid #ccc;outline:none;font-family:'Malgun Gothic','맑은 고딕','돋움',Dotum,'굴림',Gulim,Arial;}
input[type=text],input[type=password]{padding:0 14px;height:40px;line-height:38px;border:3px solid #111;font-size:12px;color:#111}
*/
input[type=text]::-ms-clear{display:none}
input[type=password]::-ms-clear{display:none}
/*input[type=file]{border:0;padding:0}*/
input[type=file]{padding:0;border:1px solid #a9a9a9;background:#f8f8f8}
input[type=text]:focus,input[type=password]:focus{border:1px solid 3c41425}
input::-webkit-input-placeholder { /* Chrome/Opera/Safari */color: #bbb; font-weight: 200}
input::-moz-placeholder { /* Firefox 19+ */color: #bbb; font-weight: 200;}
input:-ms-input-placeholder { /* IE 10+ */color: #bbb; font-weight: 200;}
input:-moz-placeholder { /* Firefox 18- */color: #bbb; font-weight: 200}
input.radio, input.check,fieldset{border:0;background:none}
button{overflow:visible}
.pRelative{position:relative;z-index:1}
acronym{border:0 none;text-decoration: none}
a, a:link, a:visited, a:active{text-decoration:none;color:#111}
a:hover{color:#c41425}
img{border:none}
ol,ul{list-style:none; box-sizing: border-box;}
em, var, address{font-style:normal}
.clearfix:after{content:"";display:block;clear:both;zoom:1}
* html .clearfix{zoom:1}
*:first-child+html .clearfix{zoom:1}
hr,.hidden{position:absolute;left:-9999px;font-size:0;line-height:0;text-indent:-9999px}

.mgt20 {margin-top:20px;}
.pd20 {padding:20px;}
.pdt20 {padding-top:20px;}
.pdx20 {padding:0 20px;}
.fColor1 {color:#ff7000;}
.fCenter {text-align:center;}
.tit01{font-weight:bold;font-size:16px;line-height:20px;padding:20px 0;}

.btnPack, .btnPack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;vertical-align:middle;text-align:center;white-space:nowrap;border-radius: 3px;}
.btnS a{line-height:20px;padding:0 10px;font-weight:bold;font-size:12px;}
.btnL a{line-height:40px;padding:0 40px;font-weight:bold;font-size:14px;}
.btnGray a {color:#fff;background:#999;}
.btnGray a:hover {color:#ccc;text-decoration:none}
.btnBlack a {color:#fff;background:#333;}
.btnBlack a:hover {color:#999;text-decoration:none}
a.btnTxt {margin-left:20px;color:#ff7000;text-decoration:underline}
a:hover.btnTxt {color:#ff5000;}
.btnLogin a {
	color:#fff;padding:20px 20px 25px;font-size:18px;font-weight:bold;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4f3c32), to(#684d3f));/* Safari 4-5, Chrome 1-9 */
    background: -webkit-linear-gradient(top, #684d3f, #4f3c32);/* Safari 5.1, Chrome 10+ */
    background: -moz-linear-gradient(top, #684d3f, #4f3c32);/* Firefox 3.6+ */
    background: -ms-linear-gradient(top, #684d3f, #4f3c32);/* IE 10 */
    background: -o-linear-gradient(top, #684d3f, #4f3c32);/* Opera 11.10+ */
}
.btnLogin a:hover {color:#ccc;}


table.tType1{width:100%;border:0;border-bottom:1px solid #ccc;border-right:1px solid #ddd;border-spacing:0;background:#fff}
table.tType1 td,table.tType1 th{border:0;border-top:1px solid #ccc;border-left:1px solid #ddd;padding:2px;}
table.tType1 th{background:#d0d0d0;font-weight:bold;padding:5px 2px;}
caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}


/* Layout // */
header {position:relative;width:100%;min-width:1140px;}
#container { position: relative;min-width:1140px;padding:0 25px 70px;}
#container_10 { position: relative;min-width:1140px;padding:0 25px 10px;}
footer {position:fixed;bottom:0;width:100%;min-width:1140px;margin-top:100px;padding:10px 25px;text-align:center;background:#ccc }
/* //Layout */


/* Header // */
header .hCon {height:50px;padding:0 25px;color:#fff;background:#484035;}
header .hCon .hLogo {float:left;padding:14px 0 8px; }
header .hCon .hInfo {float:right;line-height:50px }
header .hCon .hInfo span {margin-left:10px; }
header .GNB {font-size:14px;height:40px;padding:0 25px;background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;display:block;zoom:1}
header .GNB:after{content:"";display:block;clear:both}
header .GNB li{float:left;line-height:40px;padding: 0 13px;font-weight:bold;}
header .GNB li:first-child {padding: 0 13px 0 0;}
/* // Header */


/* Content // */
#container .notice {padding:20px 30px;margin-top:25px;border:1px solid #ddd;background:#fff;border-radius: 3px;}
#container .titArea {position: relative;padding:25px 0;border-bottom:2px solid #484035;}
#container .titArea:after{content:"";display:block;clear:both}
#container .titArea nav {color:#aaa}
#container .titArea nav a {font-size:11px;color:#999}
#container .titArea nav a:hover {color:#333}
#container .titArea .tit{position:absolute;width:100%;top:20px;text-align:center;font-weight:bold;font-size:24px;line-height:30px;}

#container #content .wayBill {padding:50px 0;font-size:14px;text-align:center;background:#fff;border-bottom:1px solid #ddd;}
#container #content .wayBill input {padding:10px;font-size:14px;}
#container #content .btnArea {text-align:center;margin-top:30px;}
#container #content2 .btnArea {text-align:center;margin-top:30px;}
.barcordPrint {width:100%;text-align:center;margin-top:30px}
.data_info{padding: 0 20px 20px;}
/* // Content */

/* Content // */
#container_10 .notice {padding:20px 30px;margin-top:25px;border:1px solid #ddd;background:#fff;border-radius: 3px;}
#container_10 .titArea {position: relative;padding:25px 0;border-bottom:2px solid #484035;}
#container_10 .titArea:after{content:"";display:block;clear:both}
#container_10 .titArea nav {color:#aaa}
#container_10 .titArea nav a {font-size:11px;color:#999}
#container_10 .titArea nav a:hover {color:#333}
#container_10 .titArea .tit{position:absolute;width:100%;top:20px;text-align:center;font-weight:bold;font-size:24px;line-height:30px;}
#container_10 #content{}
#container_10 #content .wayBill {padding:50px 0;font-size:14px;text-align:center;background:#fff;border-bottom:1px solid #ddd;}
#container_10 #content .wayBill input {padding:10px;font-size:14px;}
#container_10 #content .btnArea {text-align:center;margin-top:30px;}
#container_10 #content2 .btnArea {text-align:center;margin-top:30px;}

/* Login // */
body.loginBg {background:#fff}
#login {width:480px;margin:0 auto;font-size:14px}
#login .loginLogo {padding:45px 0 45px 25px;}
#login .loginBox {background:#f8f8f8;border-top:1px solid #484035;border-bottom:1px solid #484035;}
#login .loginBox li {padding:10px 30px;}
#login .loginBox li:after{content:"";display:block;clear:both}
#login .loginBox li:first-child {padding:15px 30px;border-bottom:1px solid #ddd;}
#login .loginBox li:last-child {padding:0px 30px 10px;}
#login .loginBox li .txt{float:left;width:100px;line-height:30px}
#login .loginBox li .box{float:left;}
#login .loginBox li input,#login .loginBox li select {padding:5px;}
#login .btnLoginArea {position:absolute;margin:-58px 0 0 330px}
/* //Login */

div.numberedtextarea-wrapper {width:190px;margin-left:0;margin-right:10px;}
div.numberedtextarea-wrapper:last-child{margin-right:0;}