@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body { width:100%; height:100%; margin:0; padding:0; }
body, table, input, select, textarea, td {
	font-size:9pt; font-style:normal; margin:0; word-spacing:-1pt; word-break:break-all; letter-spacing:-0.04em;
}
body {
	scrollbar-face-color:#F2F2F2;
	scrollbar-shadow-color:#999999;
	scrollbar-highlight-color:#999999;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-track-color:#F2F2F2;
	scrollbar-arrow-color:#999999;
}
form { margin:0; }
p { margin-top:2px; margin-bottom:2px; }
img { border:0; }

table.border { border-collapse:collapse; }
td { font-size:13px; color:#666666; font-family:"돋움"; }

/* 20200331 sch 대표님요청사항 */
#sword{outline: none;}

/*ClearFix*/
.fclear:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.fclear { display: inline-block; }
html[xmlns] .fclear { display: block; }
* html .fclear { height: 1%; }

/*Ellipsis*/
.ellipsis {
	white-space:nowrap;
	width:100%;
	overflow:hidden;
	-o-text-overflow:ellipsis; /*Opera 9*/
	-ms-text-overflow:ellipsis; /* IE 8 above */
	-moz-binding:url('/css/ellipsis.xml#ellipsis');
	text-overflow:ellipsis;
	display:block;
}

.margin2 {
	margin-top:2px; margin-bottom:2px;
}

.input_gray {
	font-size:12px; line-height:17px; color:#333333; background:#FFFFFF; text-decoration:none; height:20px; border:1px #CCCCCC solid;
}
.input_red {
	font-size:12px; line-height:17px; color:#FF0000; background:#FFFFFF; text-decoration:none; height:20px; border:1px #CCCCCC solid;
}
.input_gray01 {
	font-size:12px; line-height:17px; color:#333333; background:#FFFFFF; text-decoration:none; height:20px;
	border-bottom:1px solid #DBDBDB; border-left:1px solid #B0B0B0; border-right:1px solid #DBDBDB; border-top:1px solid #B0B0B0;
}
.input_list {
	font-size:12px; line-height:17px; color:#333333; background:#FFFFFF; text-decoration:none;
	border-bottom:1px solid #DBDBDB; border-left:1px solid #B0B0B0; border-right:1px solid #DBDBDB; border-top:1px solid #B0B0B0;
	overflow:auto;
}
.input_search {
	font-size:12px; line-height:17px; color:#333333; background:#FFFFFF; text-decoration:none; height:20px;
	border-bottom:1px solid #B4EA93; border-left:1px solid #235D00; border-right:1px solid #B4EA93; border-top:1px solid #235D00;
}

.t1 {
	font-size:9pt; color:#000000; line-height:18px; font-family:"돋움";
}
.t2 {
	font-size:9pt; color:#FFFFFF; line-height:18px; font-family:"돋움";
}
.t3 {
	font-size:9pt; color:#FF8000; line-height:18px; font-family:"돋움";
}
.t4 {
	font-size:9pt; color:#CF2C16; line-height:18px; font-family:"돋움";
}
.faq {
	font-weight:bold; font-size:9pt; color:#FF8000; line-height:18px; font-family:"돋움";
}
.s1 {
	font-size:10px; color:#666666; font-family:"Verdana";
}
.s2 {
	font-size:10px; color:#000000; font-family:"Verdana";
}
.s4 {
	font-size:10px; color:#CF2C16; font-family:"Verdana";
}
.s5 {
	font-size:8pt; color:#666666; font-family:"돋움";
}
.tl {
	font-weight:bold; font-size:12pt; color:#000000; font-family:"돋움"; text-decoration:none;
}
.tl_1 {
	font-size:14px; color:#000000; font-family:"돋움"; text-decoration:none;
}
.tl_2 {
	font-size:14px; color:#666666; font-family:"돋움"; text-decoration:none;
}
.b {
	font-weight:bold; font-size:9pt; color:#bf8615; font-family:"돋움";
}
.bb {
	font-weight:bold; font-size:9pt; color:#499cbb; font-family:"돋움";
}
.tt {
	font-weight:bold; font-size:14px; color:#666666; font-family:"돋움";
}
.form {
	border:#999999 1px solid; font-size:9pt; color:#666666; text-indent:2pt; height:21px; background-color:#FFFFFF; text-align:left;
}
.form2 {
	border:#9C9C9C 1px solid; font-family:"돋움"; font-size:9pt; color:#666666; text-indent:2pt; height:18px; background-color:#FFFFFF; text-align:left;
}


.input1 {
	border:#CCCCCC 1px solid; font-size:9pt; color:#000000;
}

.input2 {
	border:#024592 1px solid; font-size:9pt; color:#000000;
}

.sele {
	font-size:9pt; width:80px; color:#666666; text-indent:2pt; height:21px; background-color:#FFFFFF;
}
.login {
	border:1px solid #bcbcbc; font-size:9pt; color:#666666; text-indent:2pt; height:21px; background-color:#FFFFFF; text-align:left;
}
A:link {
	font-size:9pt; color:#666666; font-family:"돋움"; text-decoration:none;font-size:13px;
}
A:visited {
	font-size:9pt; color:#666666; font-family:"돋움"; text-decoration:none;
}
A:hover {
	font-size:9pt; color:#1F1F1F; font-family:"돋움"; text-decoration:underline;font-size:13px;
}
.indi {
	font-size:9pt; color:#666666; font-family:"돋움"; text-decoration:none;
}
.indi A:link {
	font-size:9pt; color:#000000; line-height:18px; font-family:"돋움"; text-decoration:none;
}
.indi A:visited {
	font-size:9pt; color:#000000; line-height:18px; font-family:"돋움"; text-decoration:none;
}
.indi A:hover {
	font-size:9pt; color:#FF8000; line-height:18px; font-family:"돋움"; text-decoration:underline;
}
.red A:link {
	font-size:9pt; color:#CF2C16; line-height:18px; font-family:"돋움"; text-decoration:none;
}
.red A:visited {
	font-size:9pt; color:#CF2C16; line-height:18px; font-family:"돋움"; text-decoration:none;
}
.red A:hover {
	font-size:9pt; color:#FF8000; line-height:18px; font-family:"돋움"; text-decoration:underline;
}


.s:link {
	font-size:8pt; color:#6F6F6F; font-family:"돋움"; text-decoration:none;
}
.s:visited {
	font-size:8pt; color:#6F6F6F; font-family:"돋움"; text-decoration:none;
}
.s:active {
	font-size:8pt; color:#6F6F6F; font-family:"돋움"; text-decoration:none;
}
.s:hover {
	font-size:8pt; color:#000000; font-family:"돋움"; text-decoration:none;
}

.th:link {
	font:9pt 돋음; color:#794D09; line-height:17px; text-decoration:none;
}
.th:visited {
	font:9pt 돋음; color:#794D09; line-height:17px; text-decoration:none;
}
.th:active {
	font:9pt 돋음; color:#794D09; line-height:17px; text-decoration:underline;
}
.th:hover {
	font:9pt 돋음; color:#000000; line-height:17px; text-decoration:underline;
}


.lmenu:link {
	font:9pt 돋음; color:#8A8A8A; text-decoration:none;
}
.lmenu:visited {
	font:9pt 돋음; color:#8A8A8A; text-decoration:none;
}
.lmenu:active {
	font:9pt 돋음; color:#8A8A8A; text-decoration:none;
}
.lmenu:hover {
	font:9pt 돋음; color:#A4A4A4; text-decoration:none;
}

.fd:link {
	font:8pt 돋음; color:#464646; font-weight:bold; text-decoration:none;
}
.fd:visited {
	font:8pt 돋음; color:#464646; font-weight:bold; text-decoration:none;
}
.fd:active {
	font:8pt 돋음; color:#464646; font-weight:bold; text-decoration:none;
}
.fd:hover {
	font:8pt 돋음; color:#336EE6; font-weight:bold; text-decoration:none;
}

.price:link {
	font:9pt 돋음; color:#666666; line-height:16px; text-decoration:none;
}
.price:visited {
	font:9pt 돋음; color:#666666; line-height:16px; text-decoration:none;
}
.price:active {
	font:9pt 돋음; color:#666666; line-height:16px; text-decoration:none;
}
.price:hover {
	font:9pt 돋음; color:#666666; line-height:16px; text-decoration:underline;
}


.price3:link {
	font:9pt 돋음; color:#666666; line-height:14px; text-decoration:none;
}
.price3:visited {
	font:9pt 돋음; color:#666666; line-height:14px; text-decoration:none;
}
.price3:active {
	font:9pt 돋음; color:#666666; line-height:14px; text-decoration:none;
}
.price3:hover {
	font:9pt 돋음; color:#666666; line-height:14px; text-decoration:underline;
}


.sprice:link {
	font:8pt 돋음; color:#666666; line-height:13px; text-decoration:none;
}
.sprice:visited {
	font:8pt 돋음; color:#666666; line-height:13px; text-decoration:none;
}
.sprice:active {
	font:8pt 돋음; color:#666666; line-height:13px; text-decoration:none;
}
.sprice:hover {
	font:8pt 돋음; color:#666666; line-height:13px; text-decoration:underline;
}

.list:link {
	font:9pt 돋음; color:#666666; text-decoration:none;
}
.list:visited {
	font:9pt 돋음; color:#666666; text-decoration:none;
}
.list:active {
	font:9pt 돋음; color:#000000; text-decoration:none;
}
.list:hover {
	font:9pt 돋음; color:#000000; text-decoration:none;
}

.white {
	font:9pt 돋음; color:#FFFFFF;
}
.white:link {
	font:9pt 돋음; color:#FFFFFF; text-decoration:none;
}
.white:visited {
	font:9pt 돋음; color:#FFFFFF; text-decoration:none;
}
.white:active {
	font:9pt 돋음; color:#FFFFFF; text-decoration:none;
}
.white:hover {
	font:9pt 돋음; color:#FFFFFF; text-decoration:underline;
}

.category:link {
	font:9pt 돋음; color:#4792BC; font-weight:bold; line-height:18px; text-decoration:none;
}
.category:visited {
	font:9pt 돋음; color:#4792BC; font-weight:bold; line-height:18px; text-decoration:none;
}
.category:active {
	font:9pt 돋음; color:#4792BC; font-weight:bold; line-height:18px; text-decoration:none;
}
.category:hover {
	font:9pt 돋음; color:#4792BC; font-weight:bold; line-height:18px; text-decoration:underline;
}

.section {
	font-family:"돋움";
	font-size:9pt;
	color:#4792BC;
	font-weight:bold;
}

.scategory:link {
	font:8pt 돋음; color:#999999; line-height:18px; text-decoration:none;
}
.scategory:visited {
	font:8pt 돋음; color:#999999; line-height:18px; text-decoration:none;
}
.scategory:active {
	font:8pt 돋음; color:#999999; line-height:18px; text-decoration:none;
}
.scategory:hover {
	font:8pt 돋음; color:#999999; line-height:18px; text-decoration:underline;
}

.section2 {
	font-family:"돋움";
	font-size:8pt;
	color:#BFBFBF;
}

.white2 {
	font-family:"돋움";
	font-size:9pt;
	color:#FFFFFF;
}

.price4 {
	font-family:"돋움";
	font-size:9pt;
	color:#006699;
	line-height:21px;
	font-weight:bold;
}

.review {
	font-family:"돋움";
	font-size:9pt;
	color:#666666;
	line-height:25px;
	font-weight:bold;
}

.search2{
	font-family:"돋움";
	font-size:10pt;
	color:#FFFFFF;
	line-height:25px;
	font-weight:bold;
	letter-spacing:-1px;
}

.box {
	font-size:9pt; font-family:"돋움"; border:1px #CFCFCF solid; background-color:F5F5F5; color:565656; height:18px;
}
.box2 {
	font-size:9pt; font-family:"돋움"; border:1px #CFCFCF solid; background-color:F5F5F5; color:565656;
}
.box3 {
	font-size:9pt; font-family:"돋움"; border:1px #CFCFCF solid; background-color:F5F5F5; color:565656; height:18px;
}
.box4 {
	font-size:9pt; font-family:"돋움"; border:1px #CFCFCF solid; background-color:F5F5F5; color:565656;
}

.wrap_body { padding:0 }

.wrap_goods table.goods_base tr { height:25px; }
.wrap_goods table.goods_base th { padding-left:5px; text-align:left; font-weight:normal; }
.wrap_goods table.goods_base td { text-align:left; }
.wrap_goods table.goods_option tr { height:25px; }
.wrap_goods table.goods_option th { padding-left:5px; text-align:left; font-weight:normal; }
.wrap_goods table.goods_option td { text-align:left; }
.wrap_goods table.goods_addition tr { height:25px; }
.wrap_goods table.goods_addition th { text-align:left; font-weight:normal; }
.wrap_goods table.goods_addition td { text-align:left; }
.wrap_goods table.goods_mshop tr { height:25px; }
.wrap_goods table.goods_mshop th { text-align:left; font-weight:normal; }
.wrap_goods table.goods_mshop td { text-align:left; }

.event_discount { color:#025BAC; }
.event_discount_rate { font-size:14px; font-family:"돋움"; color:#025BAC; } /* ceobiz */

.page_select { font-weight:bold; }

.six11px:link {
	font:11px 돋음; color:#666666; line-height:16px; text-decoration:none;
}
.six11px:visited {
	font:11px 돋음; color:#666666; line-height:16px; text-decoration:none;
}
.six11px:active {
	font:11px 돋음; color:#666666; line-height:16px; text-decoration:none;
}
.six11px:hover {
	font:11px 돋음; color:#666666; line-height:16px; text-decoration:underline;
}

.cmoney {
	font-family:"돋움";
	font-size:12px;
	font-weight:bold;
	color:#1394ef;
}
.besong {
	font-family:"돋움";
	font-size:12px;
	font-weight:bold;
	color:#666666;
}
.black_text {
	font-family:"돋움";
	font-size:12px;
	color:#000000;
}
.bold_gray {
	font-family:"돋움";
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

.input_title {
	font-size:9pt; line-height:17px; background:#FFFFFF; text-decoration:none; height:20px;
	border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc;
}
.input_content {
	font-size:9pt; line-height:17px; background:#FFFFFF; text-decoration:none;
	border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px solid #cccccc; border-top:1px solid #cccccc;
	overflow:auto;
}
.event_discount_o { color:#ff7b19; }

.gray_11 { font-size:11px; color:#666666; font-family:"돋움"; }

.orange_11 { font-size:11px; color:#ff7b19; font-family:"돋움"; }

.blue_11 { font-size:11px; color:#1394f0; font-family:"돋움"; }





.index1:link    {font-size:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration:  none; color:#FFF; font-weight:bold}    /*링크*/
.index1:active  {font-size:14px;font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;color:#000; font-weight:bold;}       /* 눌렀을때*/
.index1:visited {font-size:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: underline; color:#FFF;}                 /*  링크눌러서 한번이라도 방문하고 나면 링크로 이게표시   */
.index1:hover   {font-size:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none ; color:#FFF; font-weight:bold;}   /*마우스오버*/

.index6:link    {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#666666;font-weight:bold;}
.index6:active  {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;  color:#666666; font-weight:bold;}
.index6:visited {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#666666; font-weight:bold;}
.index6:hover   {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none ; color:#00C; font-weight:bold;}

.index11:link    {font-size:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#FFF;font-weight:bold;}
.index11:active  {font-size:14px;font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;color:#000; font-weight:bold;}
.index11:visited {font-size:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#FFF; font-weight:bold;}
.index11:hover   {font-size:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none ; color:#00C; font-weight:bold;}

.index110:link    {font-size:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#333;font-weight:bold;}
.index110:active  {font-size:14px;font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;color:#333; font-weight:bold;}
.index110:visited {font-size:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#333; font-weight:bold;}
.index110:hover   {font-size:14px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none ; color:#333; font-weight:bold;}

#in_cate .index210{font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#DB193E;font-weight:bold; margin-left:-5px;} /* a.index210 의 부모인  td에 padding:5px이 적용되어있음. */
#in_cate .index220{font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#3D3835;}

#in_cate .index210:link    {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#DB193E;font-weight:bold;}
#in_cate .index210:active  {font-size:13px;font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;color:#DB193E; font-weight:bold;}
#in_cate .index210:visited {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#DB193E; font-weight:bold;}
#in_cate .index210:hover   {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: underline ; color:#DB193E; font-weight:bold;}

#in_cate .index220:link    {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#3D3835;}
#in_cate .index220:active  {font-size:13px;font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕';text-decoration: none;color:#3D3835; }
#in_cate .index220:visited {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: none; color:#3D3835; }
#in_cate .index220:hover   {font-size:13px; font-family:'Nanum Gothic', 'NanumGothic', '나눔고딕'; text-decoration: underline ; color:#000; }


/* 2020 07 02 홍차장님 요청 */
/* .cscenter-text-css td{letter-spacing:1px;} */


/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*2024.1.2 PPS 팝업1 관련 CSS S*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.modal.pps { position: fixed; top:600px; left:50px; display: flex; justify-content: flex-end; align-items:flex-start; flex-direction: column; width:320px; height:220px; padding:0 0; background:rgb(0, 0, 0, 0); box-shadow: 0 0 5px 0 #aaaaaa; transition: all 1s ease-in-out; border-radius: 15px; z-index:9999; }

.modal.pps .modalContent { width:320px; height:220px; background: #fff; color:#000; border-radius:15px; }
.modal.pps .modalHeader { display: flex; justify-content: flex-end; align-items: center; border-bottom: 0px solid #d9d9d9; padding:15px 15px; }
.modal.pps .modalHeader .title { font-size:25px; font-weight:900; line-height:25px; margin:0 auto 0 0; color:#000; width:100%; text-align: left; }
.modal.pps .modalHeader img { margin:-10px 0 0; }
.modal.pps .modalClose { color: red; text-decoration: none; font-size:2.8rem; font-weight: 300; }
.modal.pps .modalClose:hover, .modalClose:focus { text-decoration: none; cursor: pointer; }
.modal.pps .modalBody { height:170px; padding:0 15px 15px; box-sizing: border-box; display: flex; justify-content: flex-start; flex-flow: column; }

.modal.pps .modalBody h5 { font-size:16px; font-weight:500; line-height:20px; margin:0; text-align:left; }
.modal.pps .modalBody h5 span { font-weight:900; }
.modal.pps .modalBody .mainTxt { margin:0 0 15px; }
.modal.pps .modalBody .optionTitle { display:flex; justify-content:flex-start; align-items:center; margin:0 0 5px; }
.modal.pps .modalBody .optionTitle img { width:20px; height:20px; margin:0 10px 0 0; }

.modal.pps .modalBody .modalBtn { width:100%; display: flex; justify-content:center; align-items:center; flex-flow: row; margin:auto 0 0; }
.modal.pps .modalBody .modalBtn a { display: flex; justify-content:center; align-items:center; width:150px; height:30px; font-size:14px; border:0; border-radius:5px; margin:0 0; cursor:pointer; }
.modal.pps .modalBody .modalBtn a.red {color:#fff; font-weight:bold; background:#d3023b;}
/*2024.1.2 PPS 팝업1 관련 CSS E*/
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/