@charset "utf-8";
/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,img,strong,dl,dt,dd,ol,ul,li,table,tr,th,td,img,li,button{padding:0; margin:0;font-family: 'Pretendard-Regular';
font-size:1em;}
 html {overflow-y:scroll;} 
select,input{vertical-align:middle;text-align:left;}
form legend, table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0;}
input[type=radio],input[type=checkbox],input[type=image]{margin:0;border:none;background:none;outline:none;}
textarea{font-size:12px;overflow:auto;}
fieldset,iframe{border:0 none;}
table,div{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ul,li,ol{list-style:none;}
hr{overflow:hidden;height:0;width:0;border:0 none;}
li,p,dt,dd,div,span{white-space:normal;}
body,div{font-family: 'Pretendard-Regular';;font-size:12px;color:#000000;}
input,select,textarea{padding:0; margin:0;font-family: 'Pretendard-Regular';;font-size:12px;color:#333333;border:1px solid #d7d7d7;}
input[type=text],input[type=password]{height:19px;padding:1px;line-height:19px;background-color:#ffffff;}
a{text-decoration:none;}
label{display:inline-block;cursor:pointer;}
img{border:none;}
body {overflow-x : hidden;background:#fff}

input[type="checkbox"]{margin-top: -1px; vertical-align:middle;}
input[type="radio"]{margin-top: -1px; vertical-align:middle;}

@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

.topbanner{
	width:100%;
	color:#fff;
	background-color:#354052;
	margin-bottom:20px;
	height:45px;
	font-size:40px;
	font-weight:bold;
	padding-top:15px;
	padding-left:20px;
}

.intro{
	font-size: 15px;
	padding:1em 1.5em;
	line-height: 22px;
}

.button{
	background-color:#959595;
	color:fff;
	font-size: 14px;
	padding:3px 9px;
	border-radius:10px;
	cursor: pointer;
}

.button2{
	background-color:#354042;
	color:fff;
	font-size: 14px;
	padding:3px 9px;
	border-radius:10px;
	cursor: pointer;
}

.table_tit0{
	width:100%;
	border:0;
	margin:0 auto;
	border-spacing: 5px;
	text-align:center;
}

.table_tit{
	width:20%;
	text-align:center;
	min-width:50px;
	height:50px;
	padding:6px 12px;
	font-size:16px;
	color:#333333;
	border:1px solid #dfdfdf; 
	background-color:#f8f8f8;
}

.table_tit2{
	width:30%;
	min-width:100px;
	height:40px;
	padding:6px 12px;
	font-size:15px;
	color:#333333;
	border: 1px solid #dfdfdf;
}

.table_tit3{
	width:150px;
	min-width:100px;
	height:40px;
	padding:6px 12px;
	font-size:15px;
	color:#333333;
}

.table_tit4{
	text-align:center;
	width:15%;
	height:50px;
	font-size:15px;
	color:#333333;
	background-color:#f8f8f8;
	border: 1px solid #dfdfdf;
}

.table_tit5{
	text-align:center;
	height:50px;
	font-size:15px;
	color:#333333;
	border: 1px solid #dfdfdf;
}

.table_top{
	width:34%;
	min-width:100px;
	height:40px;
	padding:6px 12px;
	margin: 0 0 30px 0;
	font-size:18px;
	color:#333333;
	border: 1px solid #dfdfdf;
	background: #EAEAEA;
}

.table_top2{
	width:100%;
	min-width:100px;
	height:40px;
	padding:6px 12px;
	margin: 0 0 30px 0;
	font-size:18px;
	color:#333333;
	border: 1px solid #dfdfdf;
	background: #EAEAEA;
}

input{
	font-size:15px;
	padding:0 0 0 10px;
	border: none;
	border-bottom: solid 1px #dfdfdf;
}
select{
	font-size:15px;
}

textarea{
	font-size:15px;
	border-bottom: solid 1px #dfdfdf;
}

input:focus {
	outline:none;
}

.submit{
	font-size:21px;
	font-weight: 100;
	color:fff;
	text-align:center;
	padding: 20px 100px;
	background-color:#ff6e3d;
	border-radius:50px;
	cursor:pointer;
}

.submit2{
	font-size:21px;
	font-weight: 100;
	color:fff;
	text-align:center;
	padding: 20px 10px;
	background-color:#ff6e3d;
	border-radius:50px;
	cursor:pointer;
}

.orderend{
	font-size: 16px;
    font-weight: 100;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
	margin: 0 0 30px 0;
    background-color: #ff6e3d;
    border-radius: 0px;
}

.info_in{
	margin:5px 10px
}

/* pc용 css */
#wrap{width:100%}
#header{width:100%;position:relative}
#header h1{float:left;}
.quick{position:fixed;right:17px;top:290px}
.point{float:left;margin:5px 0 0 75px}
.point dl{float:left;margin:4px 15px 0 0}
.point dt{float:left;font-size:16px}
.point dd{float:left;font-weight:600;color:#ff4e00;font-size:16px;margin:0 0 0 5px}
.point p.lnb_bnt01{cursor:pointer;float:left;background:#ff5400;color:#fff;padding:4px 10px;font-size:16px;margin:0 0 0 7px }
.loginfo{float:right;}
.loginfo dl{float:left;margin:7px 15px 0 0}
.loginfo dt{float:left;font-size:16px}
.loginfo dd{float:left;font-weight:600;color:#ff4e00;font-size:16px;margin:0 0 0 5px}
.loginfo li{cursor:pointer;float:left;font-size:16px;border:1px solid #bababa;text-align:center;background:#fff;padding:5px 20px}
.loginfo li:last-child{border-left:0}
.lnb{background:#f8f8f8;padding:18px 35px 13px 20px;overflow:hidden}
.lnb h1{margin:5px 0 0 0}
.gnb{clear:both;background:#354052;overflow:hidden;}
.gnb ul{text-align:center}
.gnb li{line-height:30px;width:173px;padding:25px 0 20px 0;color:#fff;font-size:19px;display:inline-block;}
.gnb li:hover{background:#ff5400;cursor:pointer}

.set{background:#f8f8f8;padding:15px 0;overflow:hidden;border-bottom:1px solid #e3e3e3;}
.set ul{width:1400px;margin:0 auto}
.set li{font-size:14px}
.set input[type="date"]{height:30px;padding:0 10px;vertical-align:middle}
.set input[type="button"]{cursor:pointer;background:#f6f6f6;border:1px solid #b4b4b4;padding:8px 15px;margin:0 0 0 5px}
.set li.set01{float:left}
.set li.set02{float:right}
.set p.btn{float:right;}

#contents{width:100%;background:#ffffff;padding:45px 0}
.orderlist{width:1400px;margin:0 auto 20px auto;;}
.orderlist h2 {font-size:27px;border-bottom:2px solid #b1b1b1;padding:0 0 5px 0;margin:0 0 20px 0}
.orderlist h2 img{vertical-align:middle}
.orderlist h3{position:relative;padding:13px 20px;font-size:20px;background:#f4f4f4;border-top:1px solid #cacaca;border-bottom:1px solid #e0e0e0}
.orderlist span.noti{font-size:15px;font-weight:400;margin:0 0 0 10px}
.orderlist span.total{font-size:17px;position:absolute;right:20px;top:17px}
.orderlist dl{float:right;margin:3px 15px 0 0}
.orderlist dt{float:left;font-size:18px}
.orderlist dd{float:left;font-weight:600;color:#ff4e00;font-size:18px;margin:0 0 0 5px}
.admin_sbrn2{float:right;border:1px solid #bebebe;background:#fbfbfb;width:120px;margin:0 auto;padding:5px 0;text-align:center}
.orderlist ul{text-align:center;}
.orderlist li{display:inline-block;padding:20px 0;margin:0 5px}
.orderlist select{font-size:16px;padding:8px 10px}
.orderlist input[type="date"]{font-size:16px;padding:7px 10px;border:1px solid #c9c7c8}
.orderlist input[type="text"]{font-size:16px;padding:9px 10px;border:1px solid #c9c7c8}

.orderlist input.admin_btn7{cursor:pointer;padding:9px 10px;font-size:16px;;border:1px solid #c9c7c8;background:#f6f6f6;border:1px solid #b4b4b4;padding:9px 15px;margin:0 0 0 5px}

.orderlist p{font-size:17px;margin:0 0 30px 0}
.orderlist p img{vertical-align:middle}
.orderlist span b{color:#ff4e00}
.orderlist table{border-top:1px solid #dfdfdf;}
.orderlist strong{color:#ff5400;font-family:dotum;}
.orderlist thead{background:#fbfbfb;}
.orderlist th{padding:5px 0;line-height:30px;font-size:16px;font-weight:500;text-align:center;border-bottom:1px solid #dfdfdf;border-right:1px solid #ebebeb}
.orderlist td{padding:10px 0;line-height:20px;font-family:dotum;font-size:12px;text-align:center;border-bottom:1px solid #dfdfdf;border-right:1px solid #ebebeb}
.orderlist td.noline{border-right:0}
.orderlist th.noline{border-right:0}
.admin_sbrn1{border:1px solid #bebebe;background:#fbfbfb;width:60px;margin:0 auto;padding:3px 0}
.admin_sbrn1 img{width:16px;vertical-align:middle;}
input.admin_btn1{font-weight:bold;background:#ff5400;color:#fff;border:none;padding:12px 20px;font-size:12px;font-family:dotum}
input.admin_btn2{font-weight:bold;background:#4B0082;color:#fff;border:none;padding:12px 20px;font-size:12px;font-family:dotum}
input.admin_btn3{font-weight:bold;background:#ffd200;color:#333;border:none;padding:12px 20px;font-size:12px;font-family:dotum}
input.admin_btn4{font-weight:bold;background:#5b67de;color:#fff;border:none;padding:12px 20px;font-size:12px;font-family:dotum}
input.admin_btn5{font-weight:bold;background:#8c8c8c;color:#fff;border:none;padding:12px 20px;font-size:12px;font-family:dotum}
input.admin_btn6{font-weight:bold;background:#354052;color:#fff;border:none;padding:12px 20px;font-size:12px;font-family:dotum}
input.admin_btn10{font-weight:bold;background:#fc0303;color:#fff;border:none;padding:12px 20px;font-size:12px;font-family:dotum}
input.admin_btn11{font-weight:bold;background:#fc0303;color:#fff;border:none;padding:12px 20px;font-size:12px;font-family:dotum}

#contents2{width:100%;background:#ffffff;padding:45px 15px}
.orderlist2{width:800px;margin:0 auto 20px auto;;}
.orderlist2 h2 {font-size:27px;border-bottom:2px solid #b1b1b1;padding:0 0 5px 0;margin:0 0 20px 0}
.orderlist2 h2 img{vertical-align:middle}
.orderlist2 h3{position:relative;padding:13px 20px;font-size:20px;background:#f4f4f4;border-top:1px solid #cacaca;border-bottom:1px solid #e0e0e0}
.orderlist2 span.noti{font-size:15px;font-weight:400;margin:0 0 0 10px}
.orderlist2 span.total{font-size:17px;position:absolute;right:20px;top:17px}
.orderlist2 dl{float:right;margin:3px 15px 0 0}
.orderlist2 dt{float:left;font-size:18px}
.orderlist2 dd{float:left;font-weight:600;color:#ff4e00;font-size:18px;margin:0 0 0 5px}
.orderlist2 ul{text-align:center;}
.orderlist2 li{display:inline-block;padding:20px 0;margin:0 5px}
.orderlist2 select{font-size:16px;padding:8px 10px}
.orderlist2 input[type="date"]{font-size:16px;padding:7px 10px;border:1px solid #c9c7c8}
.orderlist2 input[type="text"]{font-size:16px;padding:9px 10px;border:1px solid #c9c7c8}

.orderlist2 p{font-size:17px;margin:0 0 30px 0}
.orderlist2 p img{vertical-align:middle}
.orderlist2 span b{color:#ff4e00}
.orderlist2 table{border-top:1px solid #dfdfdf;}
.orderlist2 strong{color:#ff5400;font-family:dotum;}
.orderlist2 thead{background:#fbfbfb;}
.orderlist2 th{padding:5px 0;line-height:30px;font-size:16px;font-weight:500;text-align:center;border-bottom:1px solid #dfdfdf;}
.orderlist2 td{padding:10px 0;line-height:20px;font-family:dotum;font-size:12px;text-align:center;border-bottom:1px solid #dfdfdf;}
.orderlist2 td.noline{border-right:0}
.orderlist2 th.noline{border-right:0}

.paging{width:1400px;margin:0 auto 30px auto;}
.paging ul{text-align:center}
.paging li{display:inline-block;}
.paging p{font-family:dotum;width:24px;height:20px;margin:0 4px;font-size:12px;float:left;font-weight:bold;padding:5px 0 0 0}
.paging p.ov{border-radius:2px;background:#949494;border:1px solid #ddd;color:#fff;text-align:center;}
.paging p.off{border-radius:2px;border:1px solid #ddd;background:#fff;color:#333;text-align:center;}

.main_bbs{width:1400px;margin:50px auto;overflow:hidden}
.main_bbs h2{position:relative;padding:13px 20px;font-size:20px;background:#f4f4f4;border-top:1px solid #cacaca;border-bottom:1px solid #e0e0e0}
.main_bbs ul{float:left;width:685px;margin:0 30px 0 0}
.main_bbs ul:last-child{margin-right:0}
.main_bbs span.more{font-size:16px;position:absolute;right:20px;top:20px}
.main_bbs span.date{font-size:16px;position:absolute;right:20px;top:17px;font-family:dotum;font-size:12px;}
.main_bbs li{position:relative;padding:15px 20px;font-family:dotum;font-size:12px;border-bottom:1px solid #cacaca}

.main_bbs p{float:left;background:#efefef;width:160px;height:160px;margin:17px 15px 0 0}
.main_bbs p:last-child{margin-right:0}

#foot{width:100%;background:#f6f6f6;padding:30px 0}
#foot li{line-height:22px;text-align:center}
.add{font-size:14px;}
.copy{font-size:14px;font-weight:200;color:#999}

