@charset "utf-8";

body {-webkit-text-size-adjust:none; font-weight: 300;}

/* color */
.pointColor {color: #EA7404 !important;}
.pointColor02 {color: #808080 !important;}

/* display */
.din{display:inline !important;}
.dinb{display:inline-block !important;}
.dblock{display:block !important;}
/* .dnone{display:none !important;} */

/* flex */
.flexCen {display: flex !important; align-items: center !important; justify-content: center !important;}
.flexBet {display: flex !important; align-items: center !important; justify-content: space-between !important;}
.flexStar {display: flex !important; align-items: center !important; justify-content: flex-start !important;}
.flexColCen {display: flex !important; align-items: center !important; flex-direction: column !important;}
.flexColStar {display: flex !important; align-items:flex-start !important; flex-direction: column !important;}
.flexColEnd {display: flex !important; align-items:flex-end !important; flex-direction: column !important;}
.flexEndBet {display: flex !important; align-items: flex-end !important; justify-content: space-between !important;}
.flexRowEnd {display: flex !important; align-items: center !important; justify-content: flex-end !important; flex-direction: row !important;}

/* Interval */
.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt16{margin-top:16px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt90{margin-top:90px !important}
.mt96{margin-top:96px !important}
.mt120{margin-top: 120px !important;}

.mbm1{margin-bottom:-1px !important}
.mb0{margin-bottom:0 !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb14{margin-bottom:14px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb24{margin-bottom:24px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb38{margin-bottom:38px !important}
.mb40{margin-bottom:40px !important}
.mb50{margin-bottom:50px !important}
.mb60{margin-bottom:60px !important}
.mb80{margin-bottom:80px !important}
.mb100{margin-bottom:100px !important}
.mb120{margin-bottom: 120px !important;}

.ml0{margin-left:0 !important}
.ml5{margin-left:5px !important}
.ml4{margin-left:4px !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}
.ml35{margin-left:35px !important}
.ml40{margin-left:40px !important}
.ml55{margin-left:55px !important}

.mr0{margin-right:0 !important}
.mr2{margin-right:2px !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}
.mr35{margin-right:35px !important}
.mr40{margin-right:40px !important}

.pt0{padding-top:0 !important}
.pt5{padding-top:5px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt42{padding-top:42px !important}
.pt48{padding-top:48px !important}
.pt72{padding-top:72px !important}

.pb0{padding-bottom:0 !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}

.pl0{padding-left:0 !important}
.pl5{padding-left:5px !important}
.pl10{padding-left:10px !important}
.pl15{padding-left:15px !important}
.pl20{padding-left:20px !important}
.pl25{padding-left:25px !important}
.pl30{padding-left:30px !important}
.pl35{padding-left:35px !important}
.pl40{padding-left:40px !important}

.pr0{padding-right:0 !important}
.pr5{padding-right:5px !important}
.pr10{padding-right:10px !important}
.pr15{padding-right:15px !important}
.pr20{padding-right:20px !important}
.pr25{padding-right:25px !important}
.pr30{padding-right:30px !important}
.pr35{padding-right:35px !important}
.pr40{padding-right:40px !important}

/* width */
.w100 { width: 100% !important; }
.w50 { width: 50% !important;}
.w49 { width: 49% !important;}
.w32 { width: 32% !important;}

.w180px {width: 180px !important;}
.w720px {width: 720px !important;}
.w820px {width: 820px !important;}
.w900px {width: 900px !important;}

/* position */
.pos_r { position:relative !important; }
.pos_a { position:absolute !important; }
.pos_f { position:fixed !important; }
.pos_s { position: static !important; }

/* Align */
.aLeft{text-align:left !important}
.aCenter{text-align:center !important}
.aRight{text-align:right !important}
.aTop{vertical-align:top !important}
.aMid{vertical-align:middle !important}
.aBtm{vertical-align:bottom !important}

/* text */
.txt-under { text-decoration: underline; }

/* vertical */
.vt_t { vertical-align:top !important; }
.vt_m { vertical-align:middle !important; }
.vt_b { vertical-align:bottom !important; }

/* img */
img { -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); }

/* 가상선택자 삭제 */
.bef_none::before,.aft_none::after,.beaf_none::before,.beaf_none::after { content:none !important }

/* clearfix */
.clearfix::after { content: ""; display: block; clear: both; }

/* hide */
.hide { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

/* bg black */
.bgOn { background: rgba(0, 0, 0, 0.2); position: fixed; z-index: 11; width: 100%; height: 100%; top: 0; left: 0; }

/* layout */
.inner { position: relative;}

/* cursor */
.cursor-none { pointer-events: none; }
.cursor { cursor: pointer; }

/* overflow */
.oh { overflow: hidden !important; }
.ov { overflow: visible !important; }

/* notice */
.info-s { font-size: 12px; color: #cacbd4; }

/* border */
.bor_top {border-top: 1px solid #1B2529 !important;}
.bor_bot {border-bottom: 1px solid #1B2529 !important;}
.bor_top_point {border-top: 1px solid #EA7404 !important;}
.bor_bot_point {border-bottom: 1px solid #EA7404 !important;}
.bor_top_point02 {border-top: 1px solid #f3f3f3 !important;}
.bor_bot_point02 {border-bottom: 1px solid #f3f3f3 !important;}
.bor_none {border: none !important;}
.bor_top_none {border-top: none !important;}
.bor_left {border-left: 1px solid #f3f3f3 !important;}

/* 메인 제품추천 셀렉트 */
.selectbox.type03 {width: 140px !important; min-width: 140px !important;}
.selectbox.type03 .select_ttl {width: 120px !important; min-width: 120px !important;}
.selectbox.type03 .dropdown-menu {width: 160px;}
.selectbox.type03 .dropdown-menu > li > a {font-size: 16px; padding: 10px 20px;}
/* as접수 셀렉트 */
.selectbox.type04 .dropdown-menu > li > a {font-size: 15px; padding: 10px 20px;}

/* 제품 뱃지 */
.badge { width: 40px; height: 40px; border-radius: 15px 0 15px 0; font-size: 8px;}

/* button */
.btn_white_mobile {height: 36px; font-size: 14px;}

/* textarea */
textarea {width: 100%; height: 150px; padding:10px;border:1px solid #cacbd4;border-radius:3px;background:#fff;color:#999; font-size:15px;line-height:24px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; outline: none; overflow-y: scroll;}
textarea:focus {border: 1px solid #EA7404 !important; outline: none; color: #1B2529 !important;}

/* 고객센터//Q&A 글쓰기 input */
.btn_chk input + label {padding-right: 32px; font-size: 15px; font-weight: 300; height: 20px; line-height: 20px;}

/* 게시판//갤러리 */
.list_option>a {font-size: 14px;}
.gallery-container .gallery-items { min-width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.gallery-container .gallery-items .gal-item { flex-basis:100% !important; margin-bottom: 20px; overflow: hidden;}
.gallery-container .gallery-items .gal-item:last-child { margin-bottom: 0;}
.gallery-container .gallery-items .gal-item .gal-item-inner { width: 100%; padding: 0; margin: 0; display: flex;}
.gallery-container .gallery-items .gal-item .gal-item-inner.type02 { display: block; padding-bottom: 20px;}
.gallery-container .gallery-items .gal-item:last-child .gal-item-inner.type02 {padding-bottom: 0;}
.gallery-container .gallery-items .gal-item .gal-item-inner:hover { box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);}
.gallery-container .gallery-items .gal-item .gal-img { width: 120px; min-width: 120px; height: 100px; flex-basis: 120px; position: relative;}
.gallery-container .gallery-items .gal-item .gal-img.type02 { width: 100%; min-width: 100%; height: 260px; flex-basis: 100%; position: relative; border-radius: 8px; border: 1px solid #ececef;}
.gallery-container .gallery-items .gal-item .gal-img img { height: 100%; width: inherit; background-position: center;}
.gallery-container .gallery-items .gal-item .gal-img .gal-img-bg { width: 100%; height: 100%; position: absolute; border-radius: 8px;}
.gallery-container .gallery-items .gal-item .gal-img .gal-img-bg .gal-badge-ing { width: 64px; height: 64px; border-radius: 32px; background: #1b2529; position: absolute; top: 15px; left: 15px; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 1px;}
.gallery-container .gallery-items .gal-item .gal-img .gal-end-bg { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: absolute; border-radius: 8px;}
.gallery-container .gallery-items .gal-item .gal-img .gal-end-bg.zIndex,
.gallery-container .gallery-items .gal-item .gal-img .gal-img-bg.zIndex { z-index: 99;}
.gallery-container .gallery-items .gal-item .gal-img .gal-end-bg .gal-badge-end { width: 64px; height: 64px; border-radius: 32px; background: #A0A0A0; position: absolute; top: 15px; left: 15px; color: #fff; font-size: 16px; font-weight: 600; letter-spacing: 1px;}
.gallery-container .gallery-items .gal-item .gal-txt { display: flex; align-items: flex-start; flex-basis: calc(100% - 130px); padding: 0px;}
.gallery-container .gallery-items .gal-item .gal-txt > label {width: 100%; flex-basis: 100%; text-align: left; font-size: 16px; }
.gallery-container .gallery-items .gal-item .gal-txt > label:nth-child(1) {width: 300px; padding-top: 10px; font-weight: 300;}
.gallery-container .gallery-items .gal-item .gal-txt > label:nth-child(2) {width: 300px; padding-top: 5px; font-weight: 400;}

.gallery-container.type02 .gallery-items .gal-item .gal-txt > label {width: auto; flex-basis: auto; font-size: 14px; font-weight: 300;}
.gallery-container.type02 .gallery-items .gal-item .gal-txt > label:nth-child(1) {padding-top: 0; }
.gallery-container.type02 .gallery-items .gal-item .gal-txt > label:nth-child(2) {padding-top: 5px; }


/* 파일 첨부 */
.tropFileList { width: 100%; max-height: 94px; height: auto; overflow-y: scroll; position: relative; left: 0; top: 10px; }
.tropFileList.type02 {max-height: 94px;}
.tropFileList .uk-table tr,
.tropFileList.type02 .uk-table tr {height: 30px; line-height: 30px;}

/* mobile_input */
input[type="text"], input[type="password"] {display:inline-block;width:100%;height:50px;padding: 0 4px; font-size: 15px; color: #999 !important; border: none; border-bottom: 1px solid #cacbd4; border-radius: 0; cursor: text; outline: none;}
input {width: 100%; font-size: 15px; border-color: #cacbd4 !important; height: 40px !important;}
.input_color {border-bottom: 1px solid #1b2529 !important;}
.mobile_input_type00 {width: 100% !important; padding: 0 4px !important; color: #999 !important; border: none !important; border-bottom: 1px solid #cacbd4 !important; border-radius: 0 !important; cursor: text; outline: none;}
.mobile_input_type01 {width: 90% !important; padding: 0 4px !important; color: #999 !important; border: none !important; border-bottom: 1px solid #cacbd4 !important; border-radius: 0 !important; cursor: text; outline: none; margin-right: 0;}
.mobile_input_type02 {width: calc(100% - 120px) !important; padding: 0 4px !important; color: #999 !important; border: none !important; border-bottom: 1px solid #cacbd4 !important; border-radius: 0 !important; cursor: text; outline: none; margin-right: 0;}
.mobile_input_type03 {width: 8% !important; padding: 0 2px !important; font-size: 16px !important; color: #999 !important; border: none !important; border-bottom: 1px solid #cacbd4 !important; border-radius: 0 !important; cursor: text !important; outline: none !important;}
.mobile_input_type04 {width: 20% !important; padding: 10.5px 4px !important; font-size: 16px !important; color: #999 !important; border: none !important; border-bottom: 1px solid #cacbd4 !important; border-radius: 0 !important; cursor: text !important; outline: none !important;}

/* 고객센터 셀렉트 */
.select_nomal.type02 { flex-basis: 100%; width: 100%; height: 40px; padding: 0 20px; font-size: 15px; margin: 0 30px;}
/* selectbox */
.selectbox {width: 100% !important;}
.selectbox.col3 {position: relative; width: 33% !important; min-width: 33%; height: 50px; display: inline-block; background: #fff;}
.selectbox .select_ttl {position: relative; display: block; width: 90%; min-width: 90%; height: 40px; padding: 0 50px 0 4px; border: 0; border-radius: 0; border-bottom: 1px solid #cacbd4;}
.selectbox .select_ttl > p {font-size: 15px;}
.open>.dropdown-menu {width: 100%; min-width: 100%;}

.select_nomal{border: border: 1px solid #cacbd4;}
.select_color {border: 1px solid #1b2529 !important;}

/* button */
.btn_default { height: 48px; line-height: 48px; padding: 0 30px; font-size: 16px; border-radius: 24px; border: 1px solid #1B2529; position: relative; justify-content: center; align-items: center; font-weight: 400;}
.btn_Hshort {height: 40px; line-height: 40px; font-size: 15px;}

.btn_are button {margin-right: 10px !important;}
.btn_are button:last-child {margin-right: 0 !important;}
.btn_mypage { width: calc(100% - 40px) !important; height: 40px; padding: 0 30px; font-size: 15px; border-radius: 8px; border: 1px solid #cacbd4; position: relative; justify-content: center; align-items: center; font-weight: 400;}

.btn_black_line_small { width: 120px; padding: 7px 10px; border-radius: 25px; border: 1px solid #1B2529; margin: 0 auto;}