@charset "utf-8";



.relative{position:relative}
.absolute{position:absolute}

.input-box-default-text {color:#515151 !important; letter-spacing:-1px;}

/* 하이퍼링크 */
a:link,
a:visited,
a:active	{color:#000000}
a:hover		{color:#006699}

.fb-like,
.fb-like>span,
.fb-like>span>iframe {min-width:90px !important;min-height:25px !important;}

/* 폰트 색상 */
.red {color:red}
.blue {color:blue}
.orange {color:orange}
.green {color:green}
.black {color:black}
.white {color:white}
.gray {color:#ccc}
.tahoma {font-family:tahoma;}

/* 좌,우 여백설정 */
.mr0{margin-right:0px !important}
.mr5{margin-right:5px !important}
.mr10{margin-right:10px !important}
.mr15{margin-right:15px !important}
.mr20{margin-right:20px !important}
.mr25{margin-right:25px !important}
.mr30{margin-right:30px !important}

.ml5{margin-left:5px !important}
.ml10{margin-left:10px !important}
.ml15{margin-left:15px !important}
.ml20{margin-left:20px !important}
.ml25{margin-left:25px !important}
.ml30{margin-left:30px !important}
.ml40{margin-left:40px !important}
.ml45{margin-left:45px !important}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt90{margin-top:90px !important}

.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}

.pd5{padding:5px !important}
.pd7{padding:7px !important}
.pd10{padding:10px !important}
.pd15{padding:15px !important}
.pd20{padding:20px !important}
.pd30{padding:30px !important}
.pd40{padding:40px !important}

.pl0{padding-left:0px !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl20{padding-left:20px !important}
.pl30{padding-left:30px !important}
.pl40{padding-left:40px !important}

.pr0{padding-right:0px !important}
.pdr5{padding-right:5px !important}
.pdr10{padding-right:10px !important}
.pdr20{padding-right:20px !important}
.pdr30{padding-right:30px !important}
.pdr40{padding-right:40px !important}

.pdt5{padding-top:5px !important}
.pdt10{padding-top:10px !important}
.pdt20{padding-top:20px !important}
.pdt30{padding-top:30px !important}
.pdt35{padding-top:35px !important}
.pdt40{padding-top:40px !important}

.pdb5{padding-bottom:5px !important}
.pdb10{padding-bottom:10px !important}
.pdb30{padding-bottom:30px !important}
.pdb40{padding-bottom:40px !important}

.wp100{width:100% !important;}
.wp95{width:95%}
.wp85{width:85%}

.wx1057 {width:1057px !important;}
.wx850 {width:850px !important;}
.wx800 {width:800px !important;}
.wx405 { width:405px !important; }
.wx280{width:280px !important;}
.wx580{width:580px !important;}
.wx590{width:590px !important;}
.wx380{width:380px !important;}
.wx460{width:460px !important;}
.wx455{width:455px !important;}
.wx360{width:360px !important;}
.wx300{width:300px !important;}
.wx400{width:400px !important;}
.wx500{width:500px !important;}
.wx520{width:520px !important;}
.wx550{width:550px !important;}
.wx600{width:600px !important;}
.wx620{width:620px !important;}
.wx165{width:165px !important;}
.wx160{width:160px !important;}
.wx150{width:150px !important;}
.wx130{width:130px !important;}
.wx110{width:110px !important;}
.wx100{width:100px !important;}
.wx200{width:200px !important;}
.wx207{width:207px !important;}
.wx260{width:260px !important;}
.wx250{width:250px !important;}
.wx114{width:114px !important;}
.wx80{width:80px !important;}
.wx70{width:70px !important;}
.wx50{width:50px !important;}
.wx30{width:30px !important;}
.wx20{width:20px !important;}

.hx50{height:50px}
.hx60{height:60px}
.hx100{height:100px}
.hx150{height:150px}
.hx200{height:200px}
.hx250{height:250px}
.hx300{height:300px}
.hx350{height:350px}
.hx400{height:400px}
.hx450{height:450px}
.hx650{height:650px}

.fs11 {font-size:11px !important;}
.fs12 {font-size:12px !important;}
.fs13 {font-size:13px !important;}
.fs14 {font-size:14px !important;}
.fs15 {font-size:15px !important;}
.fs16 {font-size:16px !important;}
.fs17 {font-size:17px !important;}
.fs20 {font-size:20px !important;}

.fs-blue { color:#295ba0 !important;}
.fs-black { color:#2f2f2f !important;}
.fs-reds { color:#e7586c !important;}
.fs-gray { color:#555 !important; }
.fs-bold { font-weight:bold !important;}
.fs-normal { font-weight: normal;}

/* 정렬 */
.txt-l {text-align:left !important}
.txt-r {text-align:right !important}
.txt-c {text-align:center !important}
.hide{display:none}

.bdr-t0 { border-top:none !important;}
.bdr-l0 { border-left:none !important;}
.bdr-r0 { border-right:none !important;}
.bdr-b0 { border-bottom:none !important;}

.bdr-l1 { border-left:1px solid #ccc !important;}
.bdr-t1-black { border-top:1px solid #2f2f2f !important;}


.linehauto { line-height:normal !important;}

.let5 { letter-spacing:-0.05em;}
.let6 { letter-spacing:-0.06em;}
.let7 { letter-spacing:-0.07em;}
.let8 { letter-spacing:-0.08em;}
.let9 { letter-spacing:-0.09em;}
.let10 { letter-spacing:-0.10em;}

/* 클리어부스 */
.fleft {float:left}
.fright {float:right}
.cboth{clear:both}
.clearbox {*zoom:1;}
.clearbox:after {content:""; display:block; clear:both;}
.ovf { overflow: hidden;}
.fileNameShort { max-width: 400px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.btn-set { text-align: center;}
.btn-set a { width:200px; height:60px; margin-left:1px; line-height:60px; color:#fff; font-size:20px; font-weight: bold; display:inline-block; vertical-align: bottom;}
.btn-set a:first-child { margin-left:0px;}
.btn-set a.submit { background:#4da7ef;}
.btn-set a.cancle { background:#e7586c;}
.btn-set a.confirm { background:#83b14e; }

.btn-set2 { text-align: center;}
.btn-set2 a { width:145px; height:40px; margin-left:1px; line-height:40px; color:#fff; font-size:16px; font-weight: bold; display:inline-block; vertical-align: bottom;}
.btn-set2 a:first-child { margin-left:0px;}
.btn-set2 a.submit { background:#4da7ef;}
.btn-set2 a.cancle { background:#e7586c;}
.btn-set2 a.cancle2 { width:100px; background:#fff; color:#555; border:1px solid #555;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.btn-set3 { text-align: center;}
.btn-set3 a { width:100px; height:40px; margin-left:1px; line-height:40px; color:#fff; font-size:16px; font-weight: bold; display:inline-block; text-align: center; vertical-align: bottom;}
.btn-set3 a:first-child { margin-left:0px;}
.btn-set3 a.submit { background:#4da7ef;}
.btn-set3 a.cancle { background:#fff; color:#555; border:1px solid #555;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.btn-set4 { text-align: right;}
.btn-set4 span { margin-left:1px; padding:12px 15px; line-height:16px; overflow: hidden; color:#fff; font-size:16px; font-weight: bold; display:inline-block; text-align: center; vertical-align: text-bottom;}
.btn-set4 span.btn00 { background:#fff; color:#555; }
.btn-set4 a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    color: #000000;
    width: 235px;
    height: 49px;
    line-height: 47px;
    text-align: center;
    margin-left: 10px;
    border: 1px solid #555;
    box-sizing: border-box;
    transition: all 0.2s;
    background: #fff;
}
.btn-set4 a:hover{
    background: #4da7ef;
    color: #fff;
    border: 1px solid #4da7ef;
}
.btn-set4 a.btn01 {}
.btn-set4 a.btn02 {
    color: #fff;
    background: #0f68ed;
    border: 1px solid #0f68ed;
}
.btn-set4 a.btn02:hover {
    background: #4da7ef;
    border: 1px solid #4da7ef;
}
.btn-set4 a.confirm { background:#83b14e; }
.btn-set4 a:first-child { margin-left:0px;}
.btn-set4 a.cancle { background:#fff; color:#555; width:70px; height:40px; border:1px solid #555; vertical-align: bottom;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn-set4 a.estimate {}
.btn-set4 a.edit { background:#D9D9D9; color:#555;  line-height:49px; border:1px solid #d9d9d9; vertical-align: bottom;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-set4 a.edit:hover { background:#4DA7EF; color:#fff;  line-height:49px; border:1px solid #d9d9d9; vertical-align: bottom;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btn-set4 span.btn-none {display:inline-flex;padding:0;margin:0;color:#000;}

.btn-set5 { text-align: right;}
.btn-set5 a { padding:0px 7px; height:24px; margin-left:5px; line-height:24px; font-size:16px; font-weight: bold; display:inline-block; text-align: center; background:#FF5A5A; border:1px solid #FF3636; font-size:13px; color:#ffffff !important; border-radius: 6px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; vertical-align: bottom;}
.btn-set5 a:first-child { margin-left:0px;}

.btn-set6 { text-align: left;  margin-bottom:10px; margin-left:10px;}
.btn-set6 a { padding:0px 7px; height:24px; margin-left:5px; line-height:24px; font-size:16px; font-weight: bold; display:inline-block; text-align: center; background:#FF5A5A; border:1px solid #FF3636; font-size:13px; color:#ffffff !important; border-radius: 6px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; vertical-align: bottom;}
.btn-set6 a:first-child { margin-left:0px;}

.btn-set-custom {display:flex;align-items:center;padding-left:160px;}

/* 티셔츠색상 */
.choice_color span { color:#111;  }

/* 체크박스 */
input[type="checkbox"] {  display:none; }
input[type="checkbox"] + label { display: inline-block; line-height: 21px;}
input[type="checkbox"] + label span:first-child {display:inline-block;  width:23px; height:23px; border:1px solid #ccc; vertical-align:middle;cursor:pointer; margin-right:5px;border-radius: 4px;overflow: hidden;background: #fff;}
input[type="checkbox"] + label span:first-child { background:url("/images/newMain/icon_check.png") center center no-repeat; border: none; width:23px; height:23px; }
input[type="checkbox"] + label i{
    position: relative;
    top: 1px;
    font-style: normal;
}
input[type="checkbox"]:checked + label span:first-child { background:url("/images/newMain/icon_checkOn.png") center center no-repeat; border: none; width:23px; height:23px; }
input[type="checkbox"] + label span:last-child{
    cursor: pointer;
}

.managerWrap{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 580px;
    margin: 0 auto;
    border: 1px dashed #ccc;
    border-radius: 4px;
    padding: 10px 0;
    box-sizing: border-box;
}

.managerWrap label{
    margin-right: 10px;
    cursor: pointer;
}
.managerWrap input[type="checkbox"] + label[for="order_tool"] span{
    margin-top: -3px;
}

.managerWrap input[type="checkbox"] + label[for="order_tool"] i{
    margin-top: -1px;
}

.search-area { float:left;position:absolute; left:185px; margin-top:10px; }
.search-area button { background:transparent; } 
.topsearch_input { border:1px solid #fff; border-bottom:1px solid #111; outline: none; padding-bottom:1px; width:200px !important; }
.topsearch_input:focus { background:#efefef; }
.topbtn_search { color:#111; position:relative; right:30px; background:transparent; border:1px solid transparent; }
.btn_search { position:relative; right:20px; top:-2px; }

input[type="radio"] {  display:none; }
input[type="radio"] + label span { margin-top:-3px;   display:inline-block;  width:21px; height:21px; line-height:21px; background:url(/img/common/img-radio.png) no-repeat; vertical-align:middle;cursor:pointer; margin-right:5px;}
input[type="radio"]:checked + label span { margin-top:-3px; background:url(/img/common/img-radio-check.png) left top no-repeat; border: none; width:21px; height:21px; }

/* table */
.tbl-type01 {
    border-top: 1px solid #454545;
}
.tbl-type01 td,.tbl-type01 th {
    text-align: left;
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.tbl-type01 table > tbody > tr > th { 
    height:60px; 
    padding-left:20px; 
	padding-right:20px;
    width:115px; 
    background:#f4f7fa; 
    font-size: 14px; 
    font-weight: 700; 
    color:#040000;
}
.tbl-type01 table > tbody > tr > th > span { font-weight: normal; color:#888; }
.tbl-type01 table > tbody > tr > td {
    padding: 18px 18px;
    font-size: 14px;
    color: #040000;
    box-sizing: border-box;
}
.tOdTable table > tbody > tr > td{
    padding: 9px 18px;
}
.tbl-type01 table > tbody > tr > td .fs-txt {color: #666; margin-left:10px; font-size:13px; font-weight:500; letter-spacing:-0.025em; line-height: 40px;}
.tbl-type01 table > tbody > tr > td .fs-red { color:#ff0024; margin-left:10px; font-size:13px; font-weight:500; letter-spacing:-0.025em; line-height: 40px;}
.tbl-type01 table > tbody > tr > td .fs-red2 { color:#e7586c; font-size:14px;}
.tbl-type01 table > tbody > tr:first-child > th,.tbl-type01 table > tbody > tr:first-child > td { border-top:none; }

.tbl-type02 { border-bottom:1px solid #2f2f2f;}
.tbl-type02 th { background: #f5f7fa; text-align: center; font-size:14px; font-weight:bold; color:#2f2f2f; letter-spacing:-0.025em; border-top:1px solid #2f2f2f; line-height:16px; }
.tbl-type02 td { height:30px;border-top:1px solid #ccc;  border-left:1px solid #ccc; line-height:22px; font-size:14px; color:#888; letter-spacing:-0.025em; padding:5px 0px 5px 10px; }
.tbl-type02 tr > td:first-child { color:#555; }
.tbl-type02 td.bdr-t { border-top:1px solid #2f2f2f;}

.tbl-type03 { border-top:1px solid #2f2f2f;  border-bottom:1px solid #2f2f2f; }
.tbl-type03 table > tbody > tr > th { height:40px;background:#f5f7fa; font-size:14px; font-weight:bold; color:#555; text-align: center; border-top:1px solid #ccc;padding:10px 0;box-sizing: border-box;}
.tbl-type03 table > tbody > tr > th > span { font-weight: normal; color:#888; }
.tbl-type03 table > tbody > tr > td { padding:5px 0px 5px 10px; font-size:14px; color:#888888; text-align:left; border-top:1px solid #ccc; font-weight: normal; border-left:1px solid #ccc; line-height:20px;}
.tbl-type03 table > tbody > tr:first-child > th,.tbl-type03 table > tbody > tr:first-child > td { border-top:none; }


.bd-list { border-bottom:1px solid #2f2f2f;}
.bd-list th { border-top:1px solid #2f2f2f; height:40px; font-size:14px; font-weight:bold; color:#555555; background:#f5f7fa url(/img/common/bd-list-line.png) left center no-repeat; }
.bd-list th:first-child {  background:#f5f7fa;}
.bd-list td { border-top:1px solid #ccc; line-height:40px; text-align: center; font-size:14px; color:#5d5d5d;}
.bd-list td p { line-height:20px;}
.bd-list td.subject { padding:0px 20px; text-align: left;}
.bd-list td.subject a { color:#555555;}
.bd-list td.subject a:hover { border-bottom:1px solid #555;}
.bd-list input[type="text"] { line-height:24px; height:24px; padding:0px 10px; width:90px;}
.mp-table td { line-height: 20px; padding:7px 0px;}
.bd-list tbody th { padding-left:20px; text-align: left; border-top:1px solid #ccc;}
.bd-search.bd-list { border-top:1px solid #2f2f2f; margin-top:25px; }
.bd-search.bd-list tr:first-child td,.bd-search.bd-list tr:first-child th { border-top:none;}
.bd-search.bd-list td { text-align: left; padding-left:10px;}
.bd-search.bd-list input[type="text"] { line-height:24px; height:24px; padding:0px 10px; width:90px; vertical-align: initial;}
.bd-search.bd-list select { line-height:26px; height:26px; width:130px;}
.bd-list tfoot th { border-top:1px solid #ccc; }
.bd-list tfoot td { padding-left:10px; text-align: left; }
.bd-list tfoot td input[type="text"] { line-height:24px; height:24px; padding:0px 10px; width:180px;}
.bd-list tfoot td select { line-height:26px; height:26px; width:202px;}
/* s:2024-07-29 마이페이지 수정 */
.bd-list tfoot td.list-sum { font-size:20px; font-weight:bold; color:#2f2f2f; background:#FFFCE4; height:50px; }
.bd-list tfoot td.list-sum2 { font-size:20px; font-weight:bold; color:#2f2f2f; background:#FFFCE4; height:50px; }
.bd-list.type2 tbody th,
.bd-list.type2 tbody td {border-top-color:#ebe7e7;}
.bd-list tfoot td .fs-reds {color:#F50000 !important;}
/* e:2024-07-29 마이페이지 수정 */
.bd-list td a { color:#555;}
.bd-list td input[type="radio"] { width:19px; height:19px; }


.bd-list2 { border-bottom:1px solid #2f2f2f;}
.bd-list2 th { border-top:1px solid #2f2f2f; height:40px; font-size:14px; font-weight:bold; color:#555555; background:#f5f7fa url(/img/common/bd-list-line.png) left center no-repeat; }
.bd-list2 th:first-child {  background:#f5f7fa;}
.bd-list2 td { border-top:1px solid #ccc; line-height:40px; text-align: center; font-size:14px; color:#555555;}
.bd-list2 td.subject { padding:0px 20px; text-align: left;}
.bd-list2 td.subject a { color:#555555;}

.bd-view td { color:#888;}
.bd-view td a { color:#888;}

.tdcolor td { color:#555 !important;}

.bd-search-bx { text-align: right; margin:20px 0px 10px; }
#bd-list-sc { position:relative;}
#bd-list-sc select { padding:0px 10px; line-height:24px; height:24px; border:1px solid #ccc;}
#bd-list-sc input[type="text"] { line-height:24px; height:24px; border:1px solid #ccc; padding-left:10px; width:180px;}
#bd-list-sc .btn_submit { background:url(/img/sub/bg-sch-btn.png) no-repeat center right; width:24px; height:18px; display: inline-block; text-indent:-9999px; position:absolute; right:5px; top:5px; padding-left:5px; border-left:1px solid #ccc !important; border: none;}

.bd-write select { padding:0px 10px; line-height:24px; height:24px; border:1px solid #ccc;}
.bd-write input[type="text"] {line-height:24px; height:24px; border:1px solid #ccc; padding:0px 10px; width:805px; font-size:13px;}
.bd-write textarea { width:815px; height:390px;}
.bd-write th { padding-left:20px; text-align: left !important;}
.searchbutton { background:#fff; border:1px solid #fff; }
/* 파일업로드 */
.fileUploadWrap{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.filebox { position:relative;}
.filebox input[type="file"] { position: absolute;  padding: 0; width:400px;  opacity: 0; filter: alpha(opacity=0); /* IE 8 */ left:0; top:0;}
.filebox label { display: inline-block; width:100px; line-height:24px; height:24px; text-align: center; color:#888888; font-size:13px; background:#f4f4f4; border:1px solid #ccc; margin-left:-6px; }
/* named upload */
.filebox .upload-name { display: inline-block; line-height:24px; height:24px; border:1px solid #ccc; padding-left:10px; width:390px; background:#fff; font-size:13px; }

.newFileUploadBtn{
    position: relative;
    width: 93px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 33px;
    text-align: center;
    background: #555;
    overflow: hidden;
    margin-left: 7px;
    transition: all .2s;
}

.newFileUploadBtn:hover{
    background: #333;
}

.newFileUploadReferBtn{
    position: relative;
    width: 100px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    line-height: 33px;
    text-align: center;
    background: #555;
    overflow: hidden;
    margin-left: 7px;
    transition: all .2s;
    cursor: pointer;
}

.newFileUploadReferBtn:hover{
    background: #333;
}

/* s:2024-07-17 파일업로드 레이아웃 수정 */
.ajax-file-upload-container.type2 {margin-top:0;}
.ajax-file-upload-container.type2 .ajax-file-upload-statusbar {width:auto;padding:0;margin:0;border-radius:0;border:none;}
.ajax-file-upload-container.type2 .ajax-file-upload-filename {width:100%;margin:0 0 7px 0;font-size:13px;line-height:16px;}
.ajax-file-upload-container.type2 .ajax-file-upload-progress {width:348px;height:33px;margin:0;padding:0;border:none;border-radius:0;}
.ajax-file-upload-container.type2 .ajax-file-upload-bar {height:100%;border-radius:0;background-color:#597EFF;font-size:13px;font-weight:700;line-height:33px;}
.ajax-file-upload-flex {display:flex;gap:6px;align-items:center;}
.ajax-file-upload-button-wrap {display:flex;gap:4px;align-items:center;}
.ajax-file-upload-button-wrap > div {height:33px;padding:0 18px;line-height:33px;text-align:center;font-size:13px;color:#fff;font-weight:700;cursor:pointer;}
.ajax-file-upload-button-wrap > div#ajax-file-upload-abort {background-color:#0F68ED;}
.ajax-file-upload-button-wrap > div#ajax-file-upload-done {background-color:#11BB11;}
.ajax-file-upload-button-wrap > div#ajax-file-upload-delete {background-color:#EE3333;}
/* e:2024-07-17 파일업로드 레이아웃 수정 */

.descList{
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
}

.descList li{
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: #040000;
    margin-right: 15px;
}

.descList li span{
    font-weight: 700;
}

textarea[name="fr_mb"]{
    padding: 10px 11px;
}

.memorizedLinkList{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 12px;
}

.memorizedLinkList li{
    font-size: 13px;
    font-weight: 700;
    color: #040000;
    margin-right: 30px;
}

.memorizedLinkList li a{
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    border: 1px solid #555;
    padding: 7px 24px 7px 17px;
    box-sizing: border-box;
    margin-left: 4px;
    transition: all .2s;
}

.memorizedLinkList li a:hover{
    background: #4da7ef;
    color: #fff;
    border: 1px solid #3b92d8;
}

.memorizedLinkList li a i{
    position: absolute;
    top: calc(50% - 2px);
    right: 6px;
    display: inline-block;
    width: 3px;
    height: 6px;
    background: url("/images/newSub/icon_btnArrow.png") center center no-repeat;
}

.memorizedLinkList li a:hover i{
    background: url("/images/newSub/icon_btnArrow_white.png") center center no-repeat;
}

.twoDiv{
    position: relative;
    display: flex;
    justify-content: space-between;
}

.leftBox{
    position: relative;
    width: 567px;
}

.rightBox{
    position: relative;
    width: 567px;
}

.twoDiv .titleWrap{
    position: relative;
}

.twoDiv .titleWrap .titleLink{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    font-weight: 500;
    color: #333;
    transition: all .2s;
}

.twoDiv .titleWrap .titleLink:hover{
    color: #4da7ef;
}

.twoDiv .titleWrap .titleLink img{
    position: relative;
    top: -1.5px;
    display: inline-block;
    margin-left: 7px;
}

#rcv_name{width: 237px;margin-right: 6px;}
#rcv_tel1, #rcv_tel2, #rcv_tel3, 
#rcv_hp1, #rcv_hp2, #rcv_hp3, 
#rcv_zip1, #rcv_zip2, 
#sdr_tel1, #sdr_tel2, #sdr_tel3,
#sdr_zip1, #sdr_zip2{
    width: 114px !important;
    margin-right: 6px;
}

.payNotice{
    position: relative;
    font-size: 13px;
    font-weight: 400;
    color: #040000;
    margin-top: 10px;
}

.bd-write .plus { display:inline-block; background:url(/img/sub/btn-plus.png) no-repeat; width:17px; height:17px; margin-left:20px; vertical-align:middle; cursor: pointer;}
.bd-write .minus { display:inline-block; background:url(/img/sub/btn-minus.png) no-repeat; width:17px; height:17px; margin-left:5px; vertical-align:middle; cursor: pointer;}

.bd-view td { border-left:none !important; }
.bd-view td.content { padding:20px; height:410px;}

.bd-gallery { margin-top:20px}
.bd-gallery > ul { overflow: hidden;}
.bd-gallery > ul > li { float:left; }
.bd-gallery li.subject { color:#2f2f2f; font-size:16px; font-weight:bold; letter-spacing:-0.025em; margin-top:10px; margin-left:10px;}
.bd-gallery li.content {color:#555; font-size:14px; letter-spacing:-0.025em; margin-top:5px; margin-bottom:10px; margin-left:10px;}
.bd-gallery li.img { width:490px; height:245px;}

.bd-event li.img { width:321px; height:167px;}
.bd-event li.content { margin-bottom:5px;}
.bd-event li.viewbtn a { font-size:14px; letter-spacing:-0.025em; color:#295ba0;}
.bd-event li.viewbtn { margin-bottom:25px; min-height:20px; margin-left:10px; }
.bd-event > ul > li { margin-right:10px;}

.bd-eventw > ul > li { margin-right:10px; }
.bd-eventw > ul > li > ul > li { margin-left:0px !important; line-height:20px;}
.bd-eventw li.winner { font-size:14px; font-weight:bold; margin:5px 0px; }
.bd-eventw li.winner.one { color:#e7586c;}
.bd-eventw li.winner.two { color:#83b14e;}
.bd-eventw li.winner.three { color:#295ba0;}
.bd-eventw li.img { width:240px; height:120px;}
.bd-eventw li.subject { font-weight: normal !important; line-height:20px; margin-top:0px; }
.bd-eventw li.content { color:#888888; margin-top:2px; font-size:14px; }
.bd-eventw li.content2 { color:#888888; margin-top:2px; font-size:14px; }
.bd-eventw li.name { color:#888888; margin-top:2px; font-size:14px; }
.bd-eventw li.wr-1 { color:#888888; margin-top:2px; font-size:14px; }
.bd-eventw li.eventbtn { margin:10px 0px 30px; line-height:26px;}
.bd-eventw li.eventbtn a { display: inline-block; width:75px; height:26px;line-height: 26px; border-radius: 6px; margin-left:5px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; text-align: center; }
.bd-eventw li.eventbtn a:first-child { margin-left:2px;}
.bd-eventw li.eventbtn a.btn01 { color:#fff; background:#6781bb; font-size:13px;}
.bd-eventw li.eventbtn a.btn02 { color:#fff; background:#80c6d2; font-size:13px; text-align: center;}

.bd-gall-view { min-height:640px; margin-top:40px;}


.paging { text-align: center; margin-top:30px; }
.paging a { width:28px; height:30px; line-height:30px; display: inline-block;}
.paging > a { border: 1px solid #ccc; margin-left:-1px; font-weight: 14px; }
.paging > a.active { font-weight:bold; color:#4da7ef;}
.paging .prev2 a { background:url(/img/sub/prev2.png) no-repeat center center; text-indent:-9999px;}
.paging .prev a { background:url(/img/sub/prev.png) no-repeat center center; text-indent:-9999px;}
.paging .next2 a { background:url(/img/sub/next2.png) no-repeat center center; text-indent:-9999px;}
.paging .next a { background:url(/img/sub/next.png) no-repeat center center; text-indent:-9999px;}
.paging span a { width:20px;}

.dw-btn { margin:0 3px 0 0 }
/*.dw-btn a { padding:0px 15px; display: inline-block; line-height:36px; height:36px; border:0; background:#4da7ef; color:#fff; font-size:15px; letter-spacing:-0.025em; font-weight:bold;  margin-bottom:10px; vertical-align: bottom;}*/
.dw-btn a { padding:0px 15px; display: inline-block; line-height:36px; height:36px; border:0; background:#fff; color:#333; font-size:14px; letter-spacing:-0.025em; font-weight:bold;  margin-bottom:10px; vertical-align: bottom; border:1px solid #333; transition: 0.2s; }
/*
.dw-btn a .bt01 { background:url(/img/sub/ico-dw01.png) no-repeat center right; padding-right:24px;}
.dw-btn a .bt02 { background:url(/img/sub/ico-dw02.png) no-repeat center right; padding-right:15px; }
*/
.dw-btn a .bt01 { background:url(/img/sub/ico-dw01_n.png) no-repeat center right; padding-right:24px;}
.dw-btn a .bt02 { background:url(/img/sub/ico-dw02_n.png) no-repeat center right; padding-right:0; }
.dw-btn a:hover {background:#4da7ef; color:#fff; border:1px solid #3b92d8; }
.dw-btn a:hover .bt01 { background:url(/img/sub/ico-dw01_n_over.png) no-repeat center right; padding-right:24px;}

/* s:2024-07-29 마이페이지 수정 */
.button-type-wrap {display:inline-flex;gap:4px;align-items:center;margin:0 8px;}
.button-type-wrap a {margin-left:0;}
.tb-btn-set { width:75px; text-align: center; color:#fff !important; font-size:13px; letter-spacing:-0.025em; font-weight:500; background:#bbbbbb; display: inline-block; border-radius: 6px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; line-height:14px; padding:6px 0px; margin-left:5px; vertical-align:middle;}
.tb-btn-set:first-child { margin-left:0px;}
.tb-btn-set.btn01 { background:#bbbbbb; color:#fff; }
.tb-btn-set.btn02 { background:#4da7ef; color:#fff; }
.tb-btn-set.btn03 { background:#888888; color:#fff;}
.tb-btn-set.btn04 { background:#555; color:#fff;}
.tb-btn-set.btn05 { background:#FF5A5A; color:#fff;}
.tb-btn-set.btn01.type2 {background:#131313;}
.tb-btn-set.btn02.type2 {background:#666;}
.tb-btn-set.btn03.type2 {background:#999;}
.tb-btn-set.btn04.type2 {background:#b2b2b2;}
.tb-btn-set.btn05.type2 {background:#4da7ef;}

.tb-btn-set2 { text-align: center; color:#fff !important; font-size:13px; letter-spacing:-0.025em; font-weight:500; background:#bbbbbb; display: inline-block; border-radius: 6px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; vertical-align:middle; line-height:14px; padding:6px 10px;}
.tb-btn-set2.btn01 { background:#83b14e; color:#fff; }
.tb-btn-set2.btn02 { background:#94a6ce; color:#fff; }
.tb-btn-set2.btn01.type2 {background:#62B05B;}
.tb-btn-set2.btn02.type2 {background:#6F8BD9;}

.tb-btn-set.type2,
.tb-btn-set2.type2 {min-width:80px;border-radius:3px;-webkit-border-radius:3px;box-sizing:border-box;padding:7px 10px;font-weight:400;}

.tb-btn-set.type2:hover,
.tb-btn-set.type2:focus,
.tb-btn-set2.type2:hover,
.tb-btn-set2.type2:focus {background: #4da7ef;color: #fff;}
.tb-btn-set.btn05.type2:hover,
.tb-btn-set.btn05.type2:focus {background: #008EE9;color: #fff;}

.tb-btn-set3 { padding:0px 15px; height:26px; text-align: center; line-height:26px; color:#fff !important; font-size:13px; letter-spacing:-0.025em; background:#bbbbbb; display: inline-block; border-radius: 6px;  -moz-border-radius: 6px;  -webkit-border-radius: 6px; vertical-align:middle; font-weight:bold;}

.attach-wrap a {display:flex;align-items:center;justify-content:flex-start;gap:10px;padding-left:10px;}
.btn-attach em {display:inline-flex;align-items:center;min-width:80px;padding:4px 10px;border-radius:3px;background-color:#735EF4;font-size:13px;font-weight:400;color:#fff;box-sizing:border-box;gap:5px;}

.input-box-wrap {display: flex;gap: 15px;margin-top: 10px;}
.input-box-wrap .input-box-item {display:inline-flex;align-items:center;gap:3px;}
.input-box-wrap input[type="text"] {width:100px;}
/* e:2024-07-29 마이페이지 수정 */

#bd-list-sc {}

.select_box { position: relative; width:105px;display:inline-block;}
.select_box > label { display:inline-block !important;position:absolute; width: 0px !important; height: 0px !important; top:0;left:0;margin:0 !important;padding:0 !important;font-size:0 !important;line-height:0 !important;border:0 !important;overflow:hidden !important }
.select_box select.selbx {
    position: relative;
    font-size: 13px;
    width: 100%;
    height: 33px;
    min-height: 33px; 
    border:1px solid #ccc;
	padding-left:5px;
}


/* 마이페이지 */
/* 택배배송조회팝업조회 */
@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);
/*#DeliveryAsk_Area{background-color:#000;  position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:399;}*/
#DeliveryAsk_Area{background-color:#000;  opacity:0.5; filter:alpha(opacity=50); position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:399;} 

/*2015.04.20.방준혁*/
#DeliveryAsk{position:absolute; left:50%; margin-left:-330px; top:50%; margin-top:-200px; width:660px; font-family: 'NanumBarunGothic', serif; font-size:12px; padding:15px; background-color:#FFFFFF; z-index:400;}
.DeliveryAsk{width:630px; border:3px solid #d2d2d2; border-radius:7px; text-align:left; padding:10px;}

/* 타이틀 */
.DeliveryAsk_Title{clear:both; display:block; height:25px; border-bottom:3px solid #1977ba; margin-bottom:15px;}
.DeliveryAsk_Title span{float:left; font-family: 'Jeju Gothic', serif; font-size:20px; font-weight:normal; }
.DeliveryAsk_Title input{float:right; background-color:#176db5; color:#FFFFFF; border:1px solid #1977ba; cursor:pointer; font-size:11px; padding:3px 5px 3px 5px;}

/* 테이블 */
.DeliveryAsk_Content{margin:5px;}
.DeliveryAsk_Content table{table-layout:fixed; border-top:1px solid #b8b8b8; border-bottom:1px solid #b8b8b8; text-align:center;}
.DeliveryAsk_Content table caption{text-align:left; padding-bottom:5px;}
.DeliveryAsk_Content table caption img{vertical-align:middle;}
.DeliveryAsk_Content thead th{height:30px; background-color:#f7f7f7;}
.DeliveryAsk_Content tbody td{height:30px; padding:5px; cursor:pointer;}

/* 안내문구 */
.DeliveryAsk_Info{margin:5px;}
.DeliveryAsk_Info ul{}
.DeliveryAsk_Info li{color:#a6a6a6; list-style:decimal; list-style-position:inside;}
.DeliveryAsk_Info li span{color:#1977ba; font-weight:bold;}

/* 로고푸터 */
.DeliveryAsk_Footer{text-align:center; margin-top:10px;}
.DeliveryAsk_Footer img{width:80px;}

.Place_OptionComment{display:block; margin-top:5px;}
.Place_OptionComment fieldset {border:1px dashed #CCCCCC; padding:5px 10px 5px 10px; text-align:left; line-height: 16px;}
.Place_OptionComment fieldset legend{}

.new-ptxt { line-height: 20px; margin-top: 10px;}
.od-won { display: block; margin-top: 10px;}

.message1 { color: #ff0000; font-weight: bold; margin-top: 20px; }
.message2 { color: #ff0000; margin: 10px 0 20px 0; }

/* 2023.03.31 당일판 ul 추가 */
.todayList{
    position: relative;
    margin-left: 20px;
}

.todayList li{
    position: relative;
    padding: 3px 0;
    box-sizing:border-box;
}
.todayList li:before{
    position: relative;
    top: -3.5px;
    left: -10px;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    margin-left: -4px;
    background: url(/images/newSub/icon_listDot.png);
}

/* 주문페이지 modal 추가 */
.modalWrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 3001;
    display: none;
}

.modalWrap .modalBg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
}

.modalWrap .modalBox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 600px;
    padding: 40px 40px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 7px
}

.modalWrap .modalBox > div{
    display: none;
}

.modalWrap .modalBox > div.active{
    display: block;    
}

.modalWrap .modalBox .modalCloseBtn{
    position: absolute;
    top: 0;
    right: -52px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url("../images/newSub/icon_modalCloseBtn.png") center center no-repeat;
    overflow: hidden;
}

.modalWrap .modalBox .modalCloseBtn span{
    font-size: 0;
    text-indent: -1000px;
}

.modalWrap .modalBox .payErrorGuide h3{
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-bottom: 18px;
}

.modalWrap .modalBox .payErrorGuide dl{
    position: relative;
    margin-left: 20px;
}

.modalWrap .modalBox .payErrorGuide dl dt{
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding-top: 20px;
    padding-bottom: 4px;
    box-sizing: border-box;
}

.modalWrap .modalBox .payErrorGuide dl dt:before{
    position: relative;
    top: -3.5px;
    left: -10px;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    line-height: 1;
    margin-left: -4px;
    background: url("../images/newSub/icon_listDot.png");
}

.modalWrap .modalBox .payErrorGuide dl dd{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 1.7;
}

.modalWrap .modalBox .deliveryErrorGuide dl{
    position: relative;
}

.modalWrap .modalBox .deliveryErrorGuide dl dt{
    font-size: 14px;
    font-weight: 700;
    color: #333;
    padding-top: 20px;
    padding-bottom: 4px;
    box-sizing: border-box;
}

.modalWrap .modalBox .deliveryErrorGuide dl dt:first-child{
    padding-top: 0;
}

.modalWrap .modalBox .deliveryErrorGuide dl dd{
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #555;
    line-height: 1.7;
    margin-left: 20px;
}

.modalWrap .modalBox .deliveryErrorGuide dl dd:before{
    position: relative;
    top: -3.5px;
    left: -10px;
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    line-height: 1;
    margin-left: -4px;
    background: url("../images/newSub/icon_listDot.png");
}

.modalWrap .modalBox .deliveryErrorGuide dl dd.noIcon:before{
    content: none;   
}

.modalWrap .modalBox .deliveryErrorGuide dl dd a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 33px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    border: 1px solid #333;
    box-sizing: border-box;
    margin-top: 10px;
    transition: all .2s;
}

.modalWrap .modalBox .deliveryErrorGuide dl dd a i{
    display: inline-block;
    width: 5px;
    height: 6px;
    margin-left: 10px;
    background: url("../images/newSub/icon_btnArrow.png") center center no-repeat;
}

.modalWrap .modalBox .deliveryErrorGuide dl dd a:hover{
    background: #333;
    color: #fff;
}

.modalWrap .modalBox .deliveryErrorGuide dl dd a:hover i{
    background: url("../images/newSub/icon_btnArrow_white.png") center center no-repeat;
}

/* s:2024-07-25 컴포넌트 추가 */
.button {display:inline-flex;justify-content:center;align-items:center;height:30px;padding:0 10px;border:none;border-radius:5px;font-size:14px;box-sizing:border-box;}
.button_dark,
.button_dark:link,
.button_dark:visited,
.button_dark:active {background-color:#000;color:#fff;}
.button_dark:hover {background-color:#4da7ef;}
.button.sm {font-size:13px;}
.button.lg {padding:0 30px;height:40px;}
/* e:2024-07-25 컴포넌트 추가 */

/* =========================================================
   2026-09-11 - 푸터 전면 재작성 (피그마 node 9995:504 실측 좌표 기준)
   get_metadata로 뽑은 절대 좌표를 1200px 컨테이너 비율로 환산해서 적용.
   기존 dev/운영서버 마크업·스타일·다크테마는 전혀 참고하지 않음.
   사이트 전체(주문서/게시판 등)에 적용되어야 해서 common.renewal.css에 둠
   (index.css는 메인페이지 전용이라 다른 페이지엔 안 먹힘).
   ========================================================= */
#ft {
  background: #ffffff !important;
  border-top: 1px solid #ececec;
  margin-top: 100px;
}
#ft .ft-area {
  background: #ffffff !important;
}

/* ---- 상단 네비 (5개, 가운데 정렬, 3번째만 굵게, 구분선 없음) ---- */
.newFooter01 {
  position: relative;
  border-bottom: none !important;
  padding-bottom: 0 !important;
  box-sizing: border-box;
}
/* 구분선을 화면 양 끝까지: 1200px 컨테이너 밖으로 100vw 폭으로 확장 */
.newFooter01::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100vw;
  border-bottom: 1px solid #ececec;
}
.newFooter01 ul {
  justify-content: center !important;
  gap: 52px;
}
#ft .newFooter01 ul {
  padding: 30px 0 30px !important;
}
.newFooter01 a {
  font-size: 15px !important;
  padding: 0 !important;
}
.newFooter01 a::after {
  content: none !important;
}
.newFooter01 a > span {
  color: #6b7280 !important;
  transition: color 0.2s;
}
.newFooter01 a:hover > span {
  color: #1a1a1a !important;
}
.newFooter01 li:nth-child(3) a > span {
  color: #1a1a1a !important;
  font-weight: 700 !important;
}

/* ---- 3컬럼(사업자정보/위치 안내/고객센터) : 좌측 0 / 551 / 970 지점에서 시작(피그마 실측) ---- */
.newFooter02 {
  justify-content: space-between !important;
  align-items: flex-start;
  padding: 33px 0 0;
}
.newFooter02 h3 {
  font-size: 17px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
  padding-bottom: 0 !important;
  margin: 0 0 22px;
}

/* 사업자정보(fcon03) */
.fcon03 .fLogo {
  margin: 0 0 10px;
  line-height: 1;
}
.fcon03 .fLogo img {
  display: block;
  width: 186px;
  height: auto;
}
.fcon03 .fCoName {
  font-size: 14px;
  color: #000000;
  margin: 20px 0 8px;   /* 2026-10-06: 로고 바로 밑 → 사업자등록번호 바로 위로 (예전 0 0 28px, 전체 높이는 같게) */
}
.fcon03 ul li {
  font-size: 14px !important;
  color: #3a3a3a !important;
  line-height: normal !important;
  font-weight: 400 !important;
  margin-bottom: 8px;
}
.fcon03 ul li:last-child {
  margin-bottom: 0;
}
.fcon03 ul li span {
  color: #8a8a90 !important;
  font-weight: 400 !important;
  margin-right: 6px;
}
.fcon03 ul li a {
  color: #3a3a3a !important;
}
.fcon03 ul li a.fLink {
  color: #2467ed !important;
}
.fcon03 ul li a:hover {
  color: #1a1a1a !important;
}

/* 위치 안내(fcon01) : 라벨(굵게, 한 줄) 다음 줄에 주소(회색) */
.fcon01 ul li {
  margin-bottom: 12px;
}
.fcon01 ul li:last-child {
  margin-bottom: 0;
}
.fcon01 ul li span {
  display: block;
  font-size: 15px !important;
  color: #1a1a1a !important;
  font-weight: 700 !important;
  margin-bottom: 5px;
}
.fcon01 ul li em {
  display: block;
  font-size: 14px;
  font-style: normal;
  color: #6b7280;
}

/* 고객센터(fcon02) : 전화번호 큰 숫자, 운영시간, 버튼, 링크 */
.fcon02 ul li {
  font-size: 14px !important;
  color: #6b7280 !important;
  line-height: normal !important;
  font-weight: 400 !important;
  margin-bottom: 5px;
}
.fcon02 ul li:last-child {
  margin-bottom: 0;
}
.fcon02 .fPhone {
  margin: 0 0 8px;
}
.fcon02 .fPhone a {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 28px;
  font-weight: 800;
  color: #1a1a1a !important;
  text-decoration: none;
  pointer-events: auto !important;
  cursor: pointer !important;
}
.fBtnRow {
  display: flex;
  gap: 76px;
  margin-top: 17px;
}
.fBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 24px;
  border: 1px solid #d8d8d8;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  color: #1a1a1a;
  text-decoration: none;
  box-sizing: border-box;
  transition: background 0.2s;
}
.fBtn:hover {
  background: #f5f5f5;
}
.fLinkRow {
  display: flex;
  gap: 52px;
  margin-top: 16px;
}
.fLinkRow a {
  font-size: 14px;
  color: #2467ed;
  text-decoration: none;
}
.fLinkRow a:hover {
  text-decoration: underline;
}

/* ---- 인증뱃지(텍스트 5개, 위에 구분선) + 저작권 ---- */
.ft-area {
  position: relative;
  overflow: visible !important;
  border-top: none !important;
  margin-top: 33px;
}
/* 구분선을 화면 양 끝까지: 1200px 컨테이너 밖으로 100vw 폭으로 확장 */
.ft-area::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  border-top: 1px solid #ececec;
}
.newFooter03 address {
  color: #8a8a90 !important;
  opacity: 1 !important;
  text-align: center;
  font-size: 13px !important;
  padding: 17px 0 24px !important;
}
.f-banner {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 60px !important;
  padding: 39px 0 0 !important;
}
.f-banner a {
  margin-right: 0 !important;
  font-size: 14px;
  color: #8a8a90 !important;
  text-decoration: none;
}
.f-banner a:hover {
  color: #1a1a1a !important;
}
/* //2604 신규 레이아웃 */