/* BASIC css start */
/* µðÀÚÀÎ ¸®´º¾ó CSS */
/* °øÅë */
#content { font-family: "Noto Sans KR", sans-serif; font-optical-sizing: auto; font-style: normal; font-size: 16px; color: #363636; text-transform: uppercase; box-sizing: border-box; }
#content h1, #content h2, #content h3, #content h4, #content p, #content span, #content strong, #content div, #content a { font-family: "Noto Sans KR", sans-serif; }
/* »ó´Ü css */
.cs__wrap ul, .cs__wrap li { list-style: none; }
.cs__wrap a { display: block; color: inherit; cursor: pointer; text-decoration: none; }
.cs__wrap img { vertical-align: top; }
.cs__wrap { max-width: 1330px; margin: 0 auto; box-sizing: border-box; padding: 0; }
.cs__wrap .bbs-tit { margin: 0; }
.cs__wrap .bbs-tit h1 { font-size: 1.1875em; text-align: center; margin-bottom: 70px !important; margin-top: 70px; }
/* »ó´Ü ÅǸ޴º */
.cs__wrap .tabs { list-style: none; box-sizing: border-box; font-size: 16px; }
.cs__wrap .tabs { width: 100%; border-bottom: 3px solid #f7f7f7; display: flex; flex-direction: row; justify-content: center; align-items: center; padding-left: 0; gap: 1%; }
.cs__wrap .tabs .tab-btn a { padding: 20px 50px; font-size: 1em; }
.tab-sel { border-bottom: 3px solid #000; font-weight: 600; }
/* ÅÇ ÄÜÅÙÃ÷ */
.tab-content { display: none; }
.tab-show { display: block; }
/* °í°´¼¾ÅÍ */
.cs__wrap .section-top h4 { margin-top: 70px; font-size: 1.3125em; margin-bottom: 30px; font-weight: bold; }
.cs__wrap .section-top ul { display: flex; flex-direction: row; gap: 1%; padding-left: 0; }
/* °í°´¼¾ÅÍ ¹®ÀÇ ¾ÆÀÌÄÜ ¸Þ´º */
.cs_menu { display: flex; flex-direction: row; padding-left: 0; gap: 0 !important; margin-top: 30px; }
.cs_menu li { border: 1px solid #e5e5e5; width: 100%; position: relative; }
.cs_menu a { width: 16.73%; padding: 100px; }
.cs_menu .img_wrap { position: absolute; top: 16%; left: 50%; transform: translateX(-50%); }
.cs__wrap .section-top .cs_menu .text { position: absolute; bottom: 15.00%; left: 50%; transform: translateX(-50%); font-weight: 600; font-size: 1.230769230769231em; }

/* ±Û¾²±â Æû */
/* selected css */


/* »óÇ°¹®ÀÇ ±Û¾²±â css */

.tb-title { width: 10% !important; text-align: center !important; color: #000 !important; font-weight: bold !important; }
.ctm-id-input input.MS_login_id { width: 100%; border: 0; height: 38px; margin-left: -40px; padding-right: 40px; text-indent: 10px;
    box-shadow: 0 0 0 1000px #f7f7f7 inset; transition: background-color 5000s ease-in-out 0s; }
.hide { opacity: 0; visibility: hidden; }

#bbsData .bbs-table-write { border-top: 0; }
#bbsData .bbs-table-write tbody th { font-weight: bold; color: #000; padding-left: 0; text-align: center; }
#bw_input_writer { background-color: #f7f7f7 !important; width:100%; border: 0 !important; }
#bbsData .bbs-table-write tbody td .title input[type=checkbox] { margin-left: 0; }
#bbsData .bbs-table-write .input_style3 { width: 75%; height: 38px; border: 1px solid #ededed; background-color: #fff; text-indent: 10px; }




/* ÆÄÀÏ÷ºÎ */
input#bw_input_file.MS_input_txt.input_style2 { width: 96%; background-color: #f7f7f7; border: 0; }
#bbsData .bbs-table-write .btn_file { margin-left: 5px; }
txtarea#MS_text_content.MS_input_txt { width: 100% !important; }
#bbsData .bbs-table-write textarea { width: 100% !important; }
/* °í°´Á¤º¸ */
/* bottom btns css */
.CSSbutton { width: 180px !important; height: 42px; }
.CSSbutton.white { float: left; border: 1px solid #aaa !important; color: aaa !important; }
.CSSbutton.black.point_bg.point_border { float: right; background-color: #512772; color: #fff; }


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
    box-shadow: 0 0 0px 1000px #f7f7f7 inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;
    box-shadow: 0 0 0px 1000px #f7f7f7 inset;
    transition: background-color 5000s ease-in-out 0s;
}



/* ÁÖ¹®³»¿ª Á¶È¸ ·¹À̾î */
#myorderlayer { display: none; position: absolute; top: 0; left: 0; width: 658px; padding-bottom: 10px; border: 1px solid #838897; background: #fff;  z-index: 1 }
#myorderlayer .l-close { z-index: 1; position: absolute; top:19px; right:19px; width:26px; height:26px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_close_layer.gif) 0 0 no-repeat }
#myorderlayer .tit { height: 67px; line-height: 69px; padding: 0 30px; border-bottom: 1px solid #dfdfdf;  color: #000; font-size: 24px; font-weight: bold; }
#myorderlayer .cnt { padding: 20px 50px 0; }
#myorderlayer .cnt .cnt-tab:after { clear: both; content: ""; display: block; }
#myorderlayer .cnt .cnt-tab { height: 36px; margin-bottom: 30px; }
#myorderlayer .cnt .cnt-tab li { float:left; width: 138px; height: 34px; margin-left: -1px; border: 1px solid #d7d7d7; background:#fff; }
#myorderlayer .cnt .cnt-tab li:first-child { margin-left:0; }
#myorderlayer .cnt .cnt-tab li a { display:block; line-height: 34px; color: #333; font-size: 12px; text-align:center; text-decoration:none; background:none; }
#myorderlayer .cnt .cnt-tab li.now { position:relative; z-index:1; border: 1px solid #8e8e8e; font-weight:bold; background: #d1d1d1; }
#myorderlayer .cnt table { border-top:1px solid #000 }
#myorderlayer .cnt table thead th { padding:15px 0; font-size:13px; color:#000; font-weight:bold; border-bottom:1px solid #e9e9e9; background: #fff; }
#myorderlayer .cnt table tbody td { padding:10px 0; color:#343434; border-bottom:1px solid #e9e9e9 }
#myorderlayer .cnt table tbody td .prd-blue { color: #1456ff; cursor:pointer; }
#myorderlayer .paging a { font-size: 12px; }
#myorderlayer .paging a.now,
#myorderlayer .paging .now { font-weight: bold; }


.bbs-table-write .myorder { 
    position: relative;
    display: flex;
    justify-content: left;
    align-items: center; }
.bbs-table-write .myorder .input-group { position: relative; display: inline-block; width: 100%; }
.bbs-table-write .myorder .input-group input[type=text]:-ms-clear { display: none; }
.bbs-table-write .myorder .input-group #ordernumclear { position: absolute; right: 6px; top: 0; bottom: 0; width: 33px; height: 14px; margin: auto; font-size: 13px; cursor: pointer; color: #000; text-align: center; }
.bbs-table-write .myorder .input-group #ordernuminput { width: 100%; background-color: #f7f7f7 !important }
.bbs-table-write .btn_gray {
    display:inline-block;
    margin-left:2px;
    padding:0 5px;
    height:36px;
    font-size:11px;
    line-height:36px;
    border:1px solid #e4e4e5;
    background:#000;
    color: #fff;
    width: 10%; text-align: center;
}
/* BASIC css end */